Problem mit div - Höhe 100%

Hi,

ich habe ein sehr lästiges Problem mit der Ausrichtung von einem div-Container.

Und zwar soll dieser genau so hoch sein, wie ein anderen Container.

Insgesamt handelt es sich dabei um 3 Container, wobei die zwei, um die es eigentlich geht, von einem weiteren eingeschlossen sind:

<div id="main">


<div id="sidebar">
</div>


<div id="text">
Lorem ipsum dolor sit amet consecetur....
</div>


</div>

Dabei soll "sidebar" genau so hoch sein, wie "text". "text" hat eine Höhe "auto", also exakt so viel, wie der Text einimmt, bzw. eine Mindesthöhe (min-height) von 777px.

"Main" hat ebenfalls eine Höhe von "auto".

Leider ist die sidebar, egal ob ich ihr nun eine Höhe von 100% oder "auto" zuweise, immer nur so hoch, wie der sich in ihr befindende Content einnimmt. Wie kann ich es erreichen, dass die Sidebar immer genau so hoch ist, wie der Container "Text"?

Das CSS für die drei Container sieht folgendermaßen aus:

div#main { 
width : 810px; 
height : auto;
margin-left : 20px; 
margin-top : 15px; 
color : #5d5d5d; 
font-size : 1em; 
} 
div#sidebar { 
width : 240px; 
height : 100%;
float : right; 
border-left : 1px solid #ffffff; 
background : #000000 url(style/sidebar.jpg) no-repeat; 
background-position : bottom;
font-size : 1em; 
color : #5d5d5d; 
} 
div#text { 
width : 540px; 
height : 100%; 
min-height : 777px;
overflow : auto;
scrollbar-face-color : #000000;
font-size : 1em; 
color : #5d5d5d; 
}

Beispiel s. hier

Vielen Dank für eure Hilfe!

MfG Alienx

Hi,

danke, habe ich schon gelesen, nur ist es nicht ganz das, was mir hilft. Mein Hintergrundgrafik zum Beispiel hat aufgrund des Bildes feste Maße, soll sich auch nicht wiederholen und wurde ans Ende der sidebar positioniert.

Irgendwie muss das doch möglich sein. Immerhin, wenn "main" genau die Höhe hat, die der Content benötigt, und "text" sagen wir mal eine Höhe von 1000px hat, dann sind 100% der Höhe folglich 1000px. Damit müsste die sidebar, deren 100% Höhe sich auf "main" beziehen 1000px hoch sein. Aber genau das klappt nicht...mist!

MfG Alienx

Hi,

hab ich mir auch schon überlegt, aber was ich dann mit dem Hintergrundbild der Sidebar? Denn das Problem mit der zu kurzen Sidebar ist ja dann nur umgangen, nicht behoben.

MfG Alienx

Und er hörte Dodos Vorschlag und es ward Licht!

Heil dir, mächtiger Master des Webs!

Ne, im Ernst, super Vorschlag, das hat geholfen, das Problem an sich beseitigt und klappt auch wunderbar ohne Veränderung am HTML-Quelltext! Danke!

MfG Alienx