Bonjour,
J'ai une boite qui en contien 2 autres.
L'une doit etre affichée à droite de la premiere donc l'une a coté de l'autre.
Sous IE7, et FF2 aucun probleme.
Sous IE6 l'element que je veux à droite ce place bien à droite mais sous la premiere boite.
Je ne parviens pas à comprendre pourquoi !
Si vous avez une idée voici le code. J'ai mis le tout dans une boite de 470px pour reproduire ce que j'ai avec le code complet. Le probleme ne semble pas etre du au bug des 3px vu qu'il y a largement la place !
CSS :
XHTML :
J'ai une boite qui en contien 2 autres.
L'une doit etre affichée à droite de la premiere donc l'une a coté de l'autre.
Sous IE7, et FF2 aucun probleme.
Sous IE6 l'element que je veux à droite ce place bien à droite mais sous la premiere boite.
Je ne parviens pas à comprendre pourquoi !
Si vous avez une idée voici le code. J'ai mis le tout dans une boite de 470px pour reproduire ce que j'ai avec le code complet. Le probleme ne semble pas etre du au bug des 3px vu qu'il y a largement la place !
CSS :
div#phare-c {padding:0 8px; background-color:#FF8; background-image:url(cc.gif);}
div#phare-c div.sp1 {float:left; width:320px; margin:0; padding:0; background:url(dh.gif) no-repeat 35px 16px;}
div#phare-c div.sp {margin:0 0 0 327px; padding:0; width:125px; height:90px; border:1px solid #FF6;}
XHTML :
<div style="width:470px">
<div id="phare-c">
<div class="sp1">
<img src="phare.gif" height="12" width="107" alt="" />
<dl>
<dt><a href="#">Article</a></dt>
<dd>Description</dd>
</dl>
</div>
<div class="sp"><a href="#"><img src="art_1.jpg" height="90" width="120" alt="" /></a></div>
</div>
</div>