Variable Höhe eines DIV zwischen zwei fixen DIVs

vand1t · #1 (**permalink**) 04.04.2011, 20:55

Liebes Forum,

folgende Situation: Ich habe drei DIVs untereinander;
das oberste und unterste hat je eine fixe Höhe von 300px,
das mittlere soll eine dynamische höhe haben: nämlich den raum zwischen den beiden anderen auffüllen, so dass die seite insgesamt in voller (sichtbaren) höhe angezeigt wird.

exakt diese "dynamische höhe" bekomme ich nicht bewerkstelligt.

Beispiel:

HTML-Code:

<style type="text/css">
html, body{
	height:100%;
	padding: 0;
	margin: 0;
}
</style>
</head>

<body>


<div style="background:#aaa; width:100%; height:300px;">
</div>

<div style="background:#bbb; width:100%; height:100%;">
</div>

<div style="background:#ccc; width:100%; height:300px;">
</div>

Wäre fantastisch, wenn mir jemand helfen könnte.

Dank vorab
vand1t

Scheppertreiber · #2 (**permalink**) 04.04.2011, 22:29

Das mittlere div hat 100% Höhe (100% von was eigentlich). Dazu kommen noch
jeweils 300 px unten und oben. Also: Monitor hochkant ? body hat ja auch schon
100 % Höhe. Von was ?

Ich würde oben und unten lassen, das untere div an den unteren Bildschirmrand
pappen und dann die Mitte weiterlaufen lassen (die braucht dann keine Höhe, je nach
Inhalt).

Wenn's extrem läuft könnte man die Werte per JavaScript ermittlen und dann
neu bestimmen - ist halt aufwändig.

Kommt drauf an ob das wichtig ist und was Du erreichen willst.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Brauche Hilfe: Schwarzes Nichts	Zwox	CSS	10	19.11.2010 16:53
2 div boxen mit gleicher Höhe	katoc	CSS	7	23.07.2008 14:25
Linkverhalten im IE6	ChOpSueY!	CSS	19	19.05.2008 22:48
Seitenaufbau mit DIVs und 100% Höhe	vespasquire	CSS	6	12.09.2004 15:21
1 div links, 2 div's untereinander daneben	jensr	CSS	9	30.06.2004 23:41