[CSS] Scrolling in horizontal zweigeteilter Seite

T.dot · 14.03.2005, 21:57

Aufs wesentliche gekürzt schaut das Problem so aus:

2 DivBoxen untereinander, eine davon ist am Seitenende positioniert. Die andere soll den Rest der Seite ausfüllen und eine Scrollbar bieten (falls erforderlich).

Problem: Die Scrollbar haut nur hin, wenn ich dem oberen Div eine fixe Höhe gebe, dann bleibt aber je nach Auflösung natürlich ein Abstand zwischen Content und Footer.

anschaun kann man sich das hier:
http://members.aon.at/stemmer/lalala.html

Source ist folgender

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html style="overflow:hidden">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>123</title>
</head>
<body style="overflow:hidden">
<div style="width:100%;height:100%;">
	<div style="overflow:auto;height:200px">
	langerText










	langerText










	langerText










	</div>
	<div style="position:absolute;bottom:0px;height:50px;
	width:100%;background-color:#009900;"> Footer </div>
</div>
</body>
</html>

Meine Frage: Geht das auch ohne fixen Height-Wert (dh. div passt sich automatisch an) oder gibts sowieso keine Lösung?

Und keine Angst, ich google schon, find aber hauptsächlich die ColumnLayouts.

mfg Thomas

14.03.2005, 21:57	#1
T.dot Master Registriert seit: 13.08.2003 Beiträge: 624	[CSS] Scrolling in horizontal zweigeteilter Seite Aufs wesentliche gekürzt schaut das Problem so aus: 2 DivBoxen untereinander, eine davon ist am Seitenende positioniert. Die andere soll den Rest der Seite ausfüllen und eine Scrollbar bieten (falls erforderlich). Problem: Die Scrollbar haut nur hin, wenn ich dem oberen Div eine fixe Höhe gebe, dann bleibt aber je nach Auflösung natürlich ein Abstand zwischen Content und Footer. anschaun kann man sich das hier: http://members.aon.at/stemmer/lalala.html Source ist folgender Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html style="overflow:hidden"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>123</title> </head> <body style="overflow:hidden"> <div style="width:100%;height:100%;"> <div style="overflow:auto;height:200px"> langerText langerText langerText </div> <div style="position:absolute;bottom:0px;height:50px; width:100%;background-color:#009900;"> Footer </div> </div> </body> </html> Meine Frage: Geht das auch ohne fixen Height-Wert (dh. div passt sich automatisch an) oder gibts sowieso keine Lösung? Und keine Angst, ich google schon, find aber hauptsächlich die ColumnLayouts. mfg Thomas

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