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:

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]
#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>
[/code]

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? :?