Positionnement flottant: quand le bloc d'à-côté se décale
Posté : 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:
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". 
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.
Que faire pour assurer l'affichage côte-à-côte partout?
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>
En revanche, sous Internet Explorer, l'élément "corps" s'affiche en-dessous de l'élément "sous-sous-menu". 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.
Que faire pour assurer l'affichage côte-à-côte partout?
