28173 sujets

CSS et mise en forme, CSS3

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 :

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>
Sans avoir regardé à fond ton code, juste une question: as-tu bien vérifié la largeur des différents éléments? Il peut parfois arriver qu'IE6 interprète différemment les dimensions de certains éléments (prise en compte ou non de la bordure). Si tu veux un vague aperçu de divs imbriqués flottants: http://www.cbsch.net/blog

Je tâche de regarder ton code de plus près dans la journée Smiley smile
Bonjour,

Ok merci c'est très sympatique de ta part.
Mais oui a premiere vu il y a bien largement la place de tout rentrer justement Smiley decu