2010-12-16 11 views
1

Wer kümmert sich darum, diese Seite in einem Web-Dev-Tool (Firebug, IE9, Chrome Dev Tools) zu überprüfen und mir sagen, warum die #container div würde nicht automatisch in Firefox Sizing sein? Es soll einen Hintergrundschatten geben, der in den meisten Browsern sichtbar ist, aber nicht in FF angezeigt wird. Gedanken?Div nicht automatische Größenanpassung in Firefox

http://d2burke.com/hosted/vaacme/

Dank!

+0

Ich sehe, dass in Firefox, die CSS ist etwas anders: "url (" ../ images/PageShadow.png ") wiederhole-y Bildlauf 0 0 transparent "im Vergleich zu" Hintergrund: URL (http://d2burke.com/hosted/vaacme/images/PageShadow.png) repeat-y; " in Chrome. Weißt du, was das verursacht? –

Antwort

2

Da alle Elemente innerhalb#container geschwommen werden, wird alles in sie aus dem normalen Dokumentenfluss, aufgenommen und damit schrumpft es Nichts, da es Zero-Padding und Höhe aufweist. Um dies zu beheben, können Sie entweder gelten:

#container { 
    overflow: hidden; 
} 

oder entfernen:

.break { 
    float: left; 
} 
+0

Warum funktioniert das in Chrome? – Fred

+0

Überlauf: versteckt hat den Trick. Warum also "schwebt" das Floaten aller Elemente aus dem normalen Dokumentenfluss heraus? – d2burke

+0

@ d2burke So funktioniert das Floaten - es nimmt dieses spezielle Element aus dem normalen Top-Down-Fluss und verschiebt es nach links oder rechts, je nachdem, welchen Wert Sie für die Eigenschaft "float" definiert haben. Sehen Sie dies für weitere Informationen: http://reference.sitepoint.com/css/floatclear –

Verwandte Themen