Hallo zusammen,
ich stoße immer wieder auf das Problem dass floatende divs nicht mit dem content mitwachsen :sad:
hier mal ein Beispiel:
[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