29. Feb 2008

Flexible Div-Höhe in Firefox

Nach stundenlangem rumprobieren endlich die Lösung: Firefox klappt Div-Elemente, die gefloatete Elemente enthalten, zusammen. Das funktioniert anders, als der HTML-Quellcode vermuten lässt. Sollen jedoch die inneren Elemente den Hauptdiv aufziehen, ist eine Lösung, einen leeren <div> mit float:left; zu ergänzen, wie hier beim <div> mit der id ‘clear’ zu sehen ist:

<div id=”main”>
<div id=”sidebar”></div>
<div id=”content”></div>
<div class=”clear”></div>
</div>

Nun spannt sich die Container Box (#main) auf die Höhe von #content (oder #sidebar - wer von beiden höher ist).
Quelle: http://codingforums.com/archive/index.php?t-81254.html

This entry was posted on Friday, February 29th, 2008 at 15:54 and is filed under CSS. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply

You must be logged in to post a comment.