SAlut
je suis cuit !
ca fait 3h que je jongle entre mes tests, Mozilla et IE 6 et là j'abandonne.
Pour bien vous expliquer mon prob voici d'abord mon CSS :
Citation :
#conteneur {
width: 750px;
background-color: Aqua;
}
#gauche {
float:left;
width: 180px;
background-color: green;
}
#centre {
background-color: white;
padding:5px;
text-align : justify;
/*width:560px;*/
margin-left: 180px;
}
|
Au dessus de Conteneur il n'y a que Body qui a juste
margin: 0; et padding: 0; pour bien caller tout en H à G du browser.
Résultat Firefox 0.8 :
http://membres.lycos.fr/kileak/forum/firefox.gif
Résultat IE 6 :
http://membres.lycos.fr/kileak/forum/ie6.gif
Vous voyez que alors que tout est au norme sur Mozilla, sous IE6, le block est envoyé à la ligne.
Il est bien aligné si je descends le width du Centre à 557px ce qui est absurde ! Mais il reste alors un "border" de qq pixels :
http://membres.lycos.fr/kileak/forum/ie6-2.gif
(sous mozilla, il manque logiquement les 3 pixels à droite).
EDIT : j'ai trouvé !! en rouge la solution ds mon CSS ! Il ne fallait pas mettre de propriété width (en auto par défaut)
Je comprends qd même pas pkoi ce con de IE me fout un retour à la ligne à 100% ou 560px !!
EDIT2 : Au bout du compte, ca marche à peu près.
J'ai ajouté un pied de page au même niveau que la DIV #Contenu.
Si le centre grandit, le pied de page est poussé.
Par contre si le menu grandi, le pied de page n'est poussé que sur IE6.
Mozilla s'en fiche
A cause du fait que Menu soit en float left ? Mais comment faire alors ?
Message édité par kileak2 le 14-05-2004 à 01:42:49