div über restliche seite

ky_fr34k

hallo

ich habe ein <div> das sich über fast die ganze seite ausbreitet also height=98% und widht=98%
darin befindet sich oben ein div mit den massen width=100% und height=150px;
unten ist ein div mit der width=100% und height=50px;
in der mitte ist ein div mit width=100% und der restliche höhe

jetzt hab ich die frage:
wie schaffe ich es das die höhe meines mittleren div genau height=100%-150px-50px ist?

Gruß KY

drakon

Wie siehts aus, wenn du einfach nichts angibst?

ky_fr34k

dann ist es nur die höhe die benötigt wird, da die benötigte höhe aber dynamisch ist, ist die größe zum schluss ca 50px

css und html wäre gut...

drakon

Also ich würde sagen, dass du da einfach einen Wert angeben musst. Da die Höhte ja nicht spezifisch ist. (Du kannst ja runterscrollen) Die 100% sind ja nicht so einfach definiert, wie in der Breite. Also machst du einfach für die Höhe 800px, oder so..

drakon

Schau dir das mal an. Ist es das, was du wolltest?

<head>
        <title>test</title>
</head>

<body>

<div style = "background-color:red;height:98%; width=98%;">
	<div style="background-color:blue;height:150px;width:100%;">
         </div>

         <div style="background-color:black;height:100%;">
         </div>

         <div style="background-color:green;height:50px;widht:100%;">
         </div>
</div>

</body>