Quelqu'un veut vérifier cette page dans un outil de développement Web (Firebug, IE9, Chrome Dev Tools) et dites-moi pourquoi le div #container ne serait pas auto-dimensionnement dans Firefox? Il est censé y avoir une ombre d'arrière-plan, visible dans la plupart des navigateurs, mais n'apparaissant pas dans FF. Pensées?Div ne pas auto-dimensionnement dans Firefox
http://d2burke.com/hosted/vaacme/
Merci!
Depuis tous éléments à l'intérieur #container flottent, tout à l'intérieur, il est retiré du flux normal du document, et ainsi réduit à néant, car il a un rembourrage zéro et de la hauteur. Pour corriger cela, vous pouvez appliquer:
#container {
overflow: hidden;
}
ou supprimer:
.break {
float: left;
}
Pourquoi alors cela fonctionne-t-il dans Chrome? – Fred
débordement: caché a fait l'affaire. Alors pourquoi est-ce que tous les éléments flottants «sortent [tout] du flux de documents normal»? – d2burke
@ d2burke C'est ainsi que le flottement fonctionne: il fait sortir cet élément particulier du flux normal vers le haut et le décale vers la gauche ou vers la droite en fonction de la valeur que vous avez définie pour la propriété float. Voir ceci pour plus d'informations: http://reference.sitepoint.com/css/floatclear –
Je vois que dans Firefox, le css est légèrement différent: "url (" images ..//PageShadow.png ") repeat-y scroll 0 0 transparent "par rapport à" background: url (http://d2burke.com/hosted/vaacme/images/PageShadow.png) repeat-y; " dans Chrome. Savez-vous ce qui cause cela? –