7/8 IE-Rendering Iinline (Floated Divs) als Block: Breite nicht verstellen zu Inhalt?
-
03-07-2019 - |
Frage
Ich habe ein Blockelement (DIV), die über eine ganze Seite erstreckt. Es enthält mehr gefloatete DIVs mit variabler Breite. Dieses Element kann viele Web-Seiten leben (wer es auf ihrer Website platzieren können). In FF auf allen Seiten ist es richtig und die schwebte DIVs ist nur so breit wie ihr innerer Inhalt gemacht. Im IE funktioniert es sometimes- aber auf anderen Seiten tut es nicht, und stattdessen erstreckt es sich jeweils schwebte DIV der Breite ist es Eltern, die es sollte nicht sein. Beigefügt ist ein Bild weiter zu veranschaulichen (rot DIV Container sind schwarz DIVs schwimmt).
http://img8.imageshack.us/img8/4734/screenrrl.jpg (Bild wird Photoshopped, nicht eine tatsächliche HTML-Render)
Lösung
Gefunden! Das Problem ist, dass ich ein einzelnes DIV wurde unter Verwendung aller Elemente innerhalb des übergeordneten zu löschen. Bestimmte Darstellungsmodi in IE haben ein Problem mit diesem. Stattdessen ersetzen ich es durch eine clearfix Klasse an die Mutter addieren!
Andere Tipps
Sie können diese clearfix für ul verwenden (ich nehme an, es auf dem Screenshot verwendet wird):
#list { overflow: hidden; zoom: 1; }
statt. "Clear: both;"