wachsender div - zum verzweifeln :(

Hallo zusammen,

ich stoße immer wieder auf das Problem dass floatende divs nicht mit dem content mitwachsen :sad:

hier mal ein Beispiel:

[HTML]

blubb


[/HTML]

und das zugehörige css:

body, html { width: 100%; height: 100%; background-color: #eaeaea; margin: 0; padding: 0; } #contentwrapper { border:1px solid #f00; width:1000px; height: auto; margin: 0 auto; background-color: #cccccc; } #column1 { display:table-cell; float: left; width: 250px; height:100%; background-color: #f00; } #rightblock { float:left; width:745px; background-color: #ff0; }

Das Problem ist immer das selbe: wenn ich dem contentwrapper eine Höhe von 100% gebe haben alle anderen divs darin auch eine höhe von 100%, setze ich die Höhe des wraooers auf „auto“, wächst dieser auch mit dem Inhalt mit, column1 bleibt allerdings bei 100% bzw. beim IE so hoch wie der Inhalt.

Wenn ich der column1 auch die höhe „auto“ gebe wird die Box auch nur so hoch wie der Inhalt.

Wie schaffe ich es dass die rote column1 bis ganz unten geht

Vielen dank schon mal für eure Hilfe

Grüße Dirk

Dürfte ein Fall für Faux Columns sein.

wie geil ist dass denn :smiley:

da muss man auch erst mal drauf kommen wenn man schon stundenlang im Wald herumirrt…

Vielen dank für den coolen Tipp!

Grüße Dirk