CSS height: auto ... trotz float

Timdaroxxa · 4. Mai 2010

Hey
folgendes

<div id="umfassendesDiv>
<div style=" float: left;></div><div style="float: left">
</div>

Allerdings passt sich das umfassende Div nicht an die Höhe der beinhaltenten an!

Weis jemand wie ich das Problem löse?

Gruß Tim

QXARE · 4. Mai 2010

Erstens schau dir mal an was du da fürn Quirks beinand hast. Da fehlen einige Anführungszeichen und die divs schließen nicht mal.

Zu deiner eigentlichen Frage - es ist ohne JavaScript nicht möglich (außer das div hat eine fixe Höhe).

Kagee · 4. Mai 2010

versuchs mit einem clear am unteren ende der umfassenden Box:

HTML:

<div id="umfassendesDiv">
<div style="float:left;"></div><div style="float: left;">
<div style="clear:both;"></div>
</div>

petap · 5. Mai 2010

Genau so gehts. Ein gefloatets div hat keine Höhe. Du brauchst also so eine Art Anker, der dein umfassendes div bis an das Ende der gefloateten Ebenen zieht. Und das erreichst du mit der Lösung von Kagee. Und bitte ohne JS

Timdaroxxa · 5. Mai 2010

@ QXARE : im richtigen Code hab ich die Anführungszeichen usw. gesetz ;D

danke funktioniert wunderbar mit clear!

Suche

CSS height: auto ... trotz float

Timdaroxxa

Lieutenant

QXARE

Lt. Commander

Kagee

Lt. Junior Grade

petap

Ensign

Timdaroxxa

Lieutenant

Ähnliche Themen