Hallo,

bevor ich das Problem beschreibe erstmal etwas Code vorweg:

HTML-Code:

	<div id="wrapper">
		<div id="header">
			<img src="{path}/images/logo.jpg" alt="header" />
		<div id="sidebar">Test</div>
		<div id="content">
			{content}
		</div>
	</div>

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

#wrapper {     width: 800px;     margin: auto;     min-height: 100%;     height: auto !important; /* auto-height mit !important-Regel für moderne Browser */     height: 100%; }   #sidebar {     width: 147px;     float: left;     background-color: grey; } #content {       padding: 0px 15px 5px 15px;     margin-left: 155px; }

Mein Problem:

Ich hätte gerne, das die Sidebar immer [mindestens] die volle verfügbare Höhe hat, nur wie erreiche ich das?
Eine % Angabe bei height hilft da nicht, da sich %-Angaben auf das übergeordnete Element beziehen, ist dieses alleding auch schon in der Höhe dynamisch regt sich garnichts

Hat irgendwer eine Idee wie ich das schaffen könnte?

Danke im Vorraus

P.S.: Hier eine schnelle billige Skizze der Sache für die die sich aus dem Code nichts vostellen können:

http://myBlackbox.net/billigskizze.jpg

Hi,

erzeuge eine Grafik, die den Hintergrund für #sidebar enthält und binde diese in #wrapper als vertikal zu wiederholendes Hintergrundbild ein.

mfg Maik

Verdammt, da hätte ich auch selber drauf kommen können

Und wenn ich einen Footer ganz unten haben möchte?

Danke,

Schau dir mal in meinem CSS-Tutorial CSS-Layout mit 100%-Höhe das zweite vorgestellte Modell mit Header und Footer, und eine weitere Variante in der angehängten ZIP-Datei an.

mfg Maik

Hab ich getan:

position: absolute;

funktioniert, bis ich soviel inhalt hab das ich scrollen muss

position: relative;

funktioniert, allerding wenn ich weniger inhalt hab is der footer nicht unten

Code :

1	#footer { clear: both; position: relative; bottom: 0; }

Dann hast du wohl das Elternelement #wrapper nicht relativ positioniert, denn in meinen Tutorial-Beispielen tauchen keine derartige Probleme auf.

Ansonsten zeig mal den aktuellen HTML- und CSS-Code.

mfg Maik

Das wars, danke jetzt geht alles wie ichs will