DIV bis nach unten verlängern

[tibakr]

Moin moin,
ich habe ein Problem bei der Grundgestaltung einer Webseite, für das ich auch bei anderen (ähnlichen) Fällen keine Löseung gefunden habe...
Im angehängten Bild sieht man, wie die Struktur ist. Allerdings möchte ich die beiden Inhaltsfelder bis unten durchgezogen haben, also genau so wie das graue. Aber sobald ich 100% eingebe, erscheint der Scrollbalken und die beiden DIVs werden viel zu lang...
Wie bekomm ich das hin?

Hier mal der Code (am dem grauen DIV):

<div id="inhalt">
	<div id="inhaltlinks">Inhalt links</div>
	<div id="inhaltrechts">Inhalt rechts</div>
</div>

und die CSS-Angaben:

#inhalt {
	width: 850px;
	height: 100%;
	margin: auto;
	background: gray;
}

#inhaltlinks {
	width: 50%;
	height: auto;
	float: left;
	background: olive;
}

#inhaltrechts {
	width: 50%;
	height: auto;
	float: right;
	background: lime;
}

 

[Maik]

Hi,

studier mal die vier angehängten Beispielvariationen in meinem CSS-Tutorial CSS-Layout mit 100%-Höhe.

Soviel sei hier vorab aber schon mal verraten: eine Grafik, die die einzelnen Spaltenhintergründe in sich trägt, wird im übergeordneten Element als vertikal zu wiederholendes Hintergrundbild eingesetzt, und erweckt den Eindruck, dass sich die Spalten bis zum unteren Fensterrand erstrecken.

mfg Maik

 

[kuddeldaddeldu]

Hi,

dieses Thema aus der Webmaster-FAQ sollte Dir helfen.

LG

 

[Maik]

dieses Thema aus der Webmaster-FAQ sollte Dir helfen.

Danke Karin, dass du meinen Artikel fleissig weiterempfiehlst, nur hilft er hier im vorliegenden Fall überhaupt nicht weiter, da es darum geht, die Spalten im vertikalen Viewport auf 100% zu strecken

mfg Maik

 

[kuddeldaddeldu]

Stimmt, ich krieg das allmählich schon durcheinander, so oft taucht das hier auf...

LG