[Résolu] <div> et "ORDER BY"

Salut à tous !

Voilà j'ai un problème vraiment bizarre, qui ne se produit - évidemment ? - qu'avec Internet Explorer... Je m'explique : dans un

<div>

j'affiche 16 objets aléatoirement. Ces objets viennent d'une base de données, donc je fais un

"SELECT * FROM ....... ORDER BY RAND() LIMIT 16"

Sous IE, mes 16 objets qui devraient être alignés en 4 colonnes de 4 objets, se retrouvent complètement chamboulés Et la disposition change à chaque actualisation de la page Avec Firefox, Netscape, Opera, pas de problème... mais IE (et je suis en tout cas pas pro IE, donc si je pouvais je le laisserais tomber, mais voilà....)

Et si j'enlève mon

ORDER BY RAND()"

c'est de nouveau bien aligné

Si quelqu'un a une idée (et désolé si je ne suis pas forcément dans le bon sujet)
Modifié par Guybrush Threepwood (08 Nov 2005 - 14:48)

Peux tu donner un peu plus de précisions ?
comme le langage côté serveur, le contenu (code html) du div dans ta source etc...

Guybrush Threepwood a écrit :
la disposition change à chaque actualisation de la page.
Et si j'enlève mon

ORDER BY RAND()"

c'est de nouveau bien aligné

Si quelqu'un a une idée (et désolé si je ne suis pas forcément dans le bon sujet)

Le changement au rafraichissement de la page me paraît normal vu que ton tri est aléatoire (rand). Sinon , compare le source sur IE et FF, et s'il y a une différence, t'auras découvert un truc incroyable amha... Sinon, c'est que ta CSS est pourrave.

CanardWc a écrit :
Peux tu donner un peu plus de précisions ?
comme le langage côté serveur, le contenu (code html) du div dans ta source etc...

Langage côté serveur : php
Contenu du div :

<div id="conteneur">

<div class="contenant">
<p class="image"><img src="..." alt="..." title="..." /></p>
<p class="titre">...</p>
</div>

... (et imaginez 15 autres <div class="contenant"> ... [lol] )

</div>

et le CSS :

div.contenant_annonce {
	background-color:#FFFFFF;
	float:right;
	height:142px;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
	width:110px;
}

p.image {
	border:1px solid #000000;
	height:100px;
	margin:0;
	padding:4px;
	text-align:center;
	width:100px;
}

p.titre {
	font-size:12px;
	height:30px;
	margin:0;
	padding:2px;
}

Le conteneur principal n'a pas de propriétés spéciales, c'est en fait comme le "#centre" dans cet exemple

Bon cherchez pas, j'ai trouvé

En fait c'est dans ma feuille de style, une petite erreur par rapport au padding et à la largeur Tout va bien

Merci quand même