[CSS] 2 spaltiges Layout mit 100% Höhe

T.dot · 06.01.2005, 20:19

hm, entweder ich dich nicht oder du mich nicht

Ich arbeite scho länger mit CSS, weiß auch wie man Boxen nebeneinander schachtel, kenne Float, etc. - das ist auch gar nicht das Problem.

Ich habe jetz folgenden Source (mit divs)

Code:

<body style="background: #FFFFFF">
<div class="leftcontent">
	<h1>Menu</h1>...
		
</div>		
<div class="centercontent">
mal mehr, mal weniger Text
</div>
</body>

CSS schaut so aus:

Code:

.leftcontent {
	position:absolute;
	left:0px;
	width:180px;
	height:100%;
	background-color:#CCCCFF;
}

.centercontent {
	margin-left: 200px; 
	margin-right:20px;
}

Soweit so gut. Das ganze schaut auch noch brauchbar aus, wenn im Center nicht zuviel Text steht. Sobald dort gescrollt werden muss, scrollt das Menü links mit (is ja klar), aber auch der Hintergrund - d.h. ich habe dann links vom Content einen weißen Rand.

zur Verdeutlichung:
http://members.aon.at/stemmer/2columnCSS.html

ich glaube somit sind alle Klarheiten beseitig

mfg Thomas

06.01.2005, 20:19	#7
T.dot Master Registriert seit: 13.08.2003 Beiträge: 624	hm, entweder ich dich nicht oder du mich nicht Ich arbeite scho länger mit CSS, weiß auch wie man Boxen nebeneinander schachtel, kenne Float, etc. - das ist auch gar nicht das Problem. Ich habe jetz folgenden Source (mit divs) Code: <body style="background: #FFFFFF"> <div class="leftcontent"> <h1>Menu</h1>... </div> <div class="centercontent"> mal mehr, mal weniger Text </div> </body> CSS schaut so aus: Code: .leftcontent { position:absolute; left:0px; width:180px; height:100%; background-color:#CCCCFF; } .centercontent { margin-left: 200px; margin-right:20px; } Soweit so gut. Das ganze schaut auch noch brauchbar aus, wenn im Center nicht zuviel Text steht. Sobald dort gescrollt werden muss, scrollt das Menü links mit (is ja klar), aber auch der Hintergrund - d.h. ich habe dann links vom Content einen weißen Rand. zur Verdeutlichung: http://members.aon.at/stemmer/2columnCSS.html ich glaube somit sind alle Klarheiten beseitig mfg Thomas

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)