Pourquoi ça déborde ?

Bonjour,

J'ai un petit souci avec ma mise en page sous Firefox (elle s'affiche très bien sous IE) Pourquoi mon menu déborde t-il d'après vous ?
Vous pouvez voir le résultat à cette page
Voici le code css correspondant :

#conteneur {
padding:0;
width: 750px;
}

#menu {
position: absolute;
left:0px;
padding:1em;
width: 266px;
background-color:#CCCCCC;
}

#content{
margin-left:266;
width:484px;
padding:1em;
}...

Merci,
Modifié par albius (16 Oct 2006 - 17:46)

Sûrement à cause de cette ligne :

margin-left:266;

il faut préciser l'unité, ici 266px

Petite révision : revoir le modèle de boîte CSS.
http://openweb.eu.org/articles/dimensions_boites_css/

Le bloc #menu a pour largeur : 266px + 2em, ce qui fait un peu plus que 266px.

Si Internet Explorer ne rajoute pas le padding à la largeur totale, c'est sans doute qu'il est en mode Quirks, ce qui n'est pas une bonne chose à priori.
La page dont tu donnes le lien n'a pas de Doctype. D'où le fait qu'IE passe en mode Quirks, et ait un rendu non standard.


Au passage, on peut rappeler :
1 - qu'un passage par la FAQ aurait permis de trouver une solution tout seul : http://forum.alsacreations.com/faq/#item39 ;
2 - qu'un passage de la page HTML au validateur aurait signalé le Doctype manquant !

Merci de penser à ces étapes avant d'ouvrir ton prochain sujet.

Ok, merci. Ca va mieux maintenant