DIV-Layout Höhenbegrenzung

Ashergul · 31.05.2005, 12:37

Ich bastel grade ein neues Layout
http://www.ashergul.net/ls/test.htm

allerdings hab ich das Problem dass ich das Layout nicht höher als 100% haben möchte, im bereich wo der inhalt hin soll, sollte dann ein Scrollbalken sein, welcher diesen bereich scrollt.

gut bis hier hin ist es noch kein Problem, das lässt sich ja recht einfach mit overflow machen. aber wo ich das Problem habe ist, dass ich nicht weiß wie ich die höhe des inhaltsbereichs unabhängig von der fesntergröße bis an den unteren fensterbereich ausweiten kann.

HTML

Code:

<body>
<div class="container">
<div id="kopfbereich" class="box1">Kopfbereich: 80px hoch, 100% breit</div>
<div id="navigatortop" class="box2">Menü quer: 20px hoch, 100% breit</div>
<div id="navigatorleft" class="box3">Menü links</div>
<div id="anzeige" class="box4"></div>
</div>
</body>

CSS

Code:

body{
text-align: center;
margin:0px;
padding:0px;
}

.container {
width: 800px;
height: 100%;
background: #eeeeee;
margin:auto;
padding: 0px;
}

.box1{
background:gainsboro;
padding:0px;
height:80px;}

.box2{
background:#aaaaaa;
padding:5px;
height:20px;}

.box3{
float:left;
margin-top: 2px;
background:silver;
padding: 0px;
width:170px;
height:400px;
}

.box4{
margin-top: 2px;
text-align:left;
width: 625px;
overflow: auto;
float: right;
background:darkgray;
padding: 0px;
}

so sollte es aussehen, aber eben unabhängig von der auflösung:
http://www.ashergul.net/ls/test1.htm

31.05.2005, 13:13

vielleicht hilft dir faux columns weiter...

gruss

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
2-spaltiges Layout	dh1sbg	HTML, Usability und Barrierefreiheit	7	13.11.2006 13:52
css layout frage		HTML, Usability und Barrierefreiheit	1	23.02.2006 20:56
Lücke im Layout	Maho88	HTML, Usability und Barrierefreiheit	10	21.02.2006 18:50
[Erledigt] Problem mit Layout bei Firefox		HTML, Usability und Barrierefreiheit	3	14.11.2005 15:42
Problem mit CSS Layout		HTML, Usability und Barrierefreiheit	5	15.10.2005 21:46
problem mit layout		Beitragsarchiv	12	13.10.2005 12:41
[Erledigt] Probleme bei Fehlerausgabe und bei Layout		PHP Tipps 2005-2	3	01.10.2005 09:26
Wer gestalt mir das Layout meiner Seite ?		Beitragsarchiv	11	17.09.2005 10:35
Layout verschiebt sich bei kleinerem Fenster	Dragon26mFR	HTML, Usability und Barrierefreiheit	7	26.07.2005 21:10
Layout / CSS-Problemchen im FF	Calexico	HTML, Usability und Barrierefreiheit	6	20.07.2005 14:28
[Erledigt] <div> layout funtzt nicht!!		HTML, Usability und Barrierefreiheit	7	20.04.2005 19:10
Layout mittels DIV und CSS		HTML, Usability und Barrierefreiheit	4	21.12.2004 13:02
Layout alt gegen Neu :)	themonk	Off-Topic Diskussionen	65	26.10.2004 13:53

31.05.2005, 12:37
Ashergul Erfahrener Benutzer Registriert seit: 24.08.2003 Beiträge: 714	DIV-Layout Höhenbegrenzung Ich bastel grade ein neues Layout http://www.ashergul.net/ls/test.htm allerdings hab ich das Problem dass ich das Layout nicht höher als 100% haben möchte, im bereich wo der inhalt hin soll, sollte dann ein Scrollbalken sein, welcher diesen bereich scrollt. gut bis hier hin ist es noch kein Problem, das lässt sich ja recht einfach mit overflow machen. aber wo ich das Problem habe ist, dass ich nicht weiß wie ich die höhe des inhaltsbereichs unabhängig von der fesntergröße bis an den unteren fensterbereich ausweiten kann. HTML Code: <body> <div class="container"> <div id="kopfbereich" class="box1">Kopfbereich: 80px hoch, 100% breit</div> <div id="navigatortop" class="box2">Menü quer: 20px hoch, 100% breit</div> <div id="navigatorleft" class="box3">Menü links</div> <div id="anzeige" class="box4"></div> </div> </body> CSS Code: body{ text-align: center; margin:0px; padding:0px; } .container { width: 800px; height: 100%; background: #eeeeee; margin:auto; padding: 0px; } .box1{ background:gainsboro; padding:0px; height:80px;} .box2{ background:#aaaaaa; padding:5px; height:20px;} .box3{ float:left; margin-top: 2px; background:silver; padding: 0px; width:170px; height:400px; } .box4{ margin-top: 2px; text-align:left; width: 625px; overflow: auto; float: right; background:darkgray; padding: 0px; } so sollte es aussehen, aber eben unabhängig von der auflösung: http://www.ashergul.net/ls/test1.htm __________________ mfg Floh Programmers don't die, they GOSUB without RETURN


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

31.05.2005, 13:13
Gast Beiträge: n/a	vielleicht hilft dir faux columns weiter... gruss