Positionnement flottant: quand le bloc d'à-côté se décale

Mammouth du PHP | 2937 Messages

04 oct. 2006, 10:52

Salut à tous!

Pour résoudre un problème d'affichage pour un site pro, j'ai réglé les CSS de la manière suivante:

Code : Tout sélectionner

#page { width: 720px; margin: 0 auto; } #sous-sous-menu { width: 170px; margin: 20px 0 0 0; float: left; } #corps { width: 550px; margin: 20px 0 0 0; float: left; } Partie HTML: <div id="page"> <div id="sous-sous-menu"> <!-- Balises <ul> et <img> --> </div> <div id="corps"> <!-- Corps de page contenant plusieurs blocs non neutres --> </div> </div>
Sous Firefox et Opera, les deux blocs s'affichent côte-à-côte à la perfection. :) En revanche, sous Internet Explorer, l'élément "corps" s'affiche en-dessous de l'élément "sous-sous-menu". :x

Si j'omets de préciser la largeur de l'élément "corps", c'est tout l'inverse qui se produit: Internet Explorer qui fait afficher côte-à-côte et les deux autres qui applique le positionnement par défaut. :shock: :roll:

Que faire pour assurer l'affichage côte-à-côte partout? :?

Mammouth du PHP | 2937 Messages

04 oct. 2006, 12:49

Salut!

En fait, mon problème venait de l'existence d'une marge extérieure gauche de 10px au niveau de l'élément "sous-sous-menu", marge indiquée pour IE (avec la bidouille du style * html #sous-sous-menu, en CSS). En la supprimant, tout est rentré dans l'ordre.

D'ailleurs, cette marge, sous Firefox et Opera, aurait provoqué le même décalage. :oops: