Okej, så här ligger det till. Jag skulle vilja ha tre divar. En längst upp, en i mitten och en längst ner. Grejen är att den i mitten skall anpassa sin höjd efter hur mycket innehåll det finns..
Så om den översta diven är 100px, och mitten diven är till hälften fylld med text (slutar i mitten på skärmen typ) så skall den ändå fortsätta ner till diven som skall ligga längst ner, som alltså alltid skall ligga längst ner. Ungefär.
Om någon fattade vad jag sa så får ni gärna svara. Tack å hej.
Har gjort ett exempel på hur jag tror du vill ha det!
<html>
<head>
<STYLE type=text/css>
<!--
BODY {background-color:gray; color:yellow;}
div.uppe {width:300px; height:100px;background-color:blue;border: 2px solid black;}
div.nere {width:300px; height:100px;background-color:red; border: 2px solid black;}
-->
</style>
</head>
<body>
<div class=uppe>
</div>
<BR>
<div style="div-layout: fixed; width:300px;">
<div style="overflow:auto; background-color:green; border: 2px solid black;">
Lägg in så mycket innehåll du orkar här,
<BR>
och som du märker så blir denna div
<BR>
bara högre och högre, ju mer du skriver
<br>
Så den flyttar ner den nedre.
<BR
Kanske de egenskaper du efterfrågade.
<BR>
Var det inte så du menade?
<BR>
</div>
<BR>
<div class=nere>
</div>
</body>
</html>
Jag kan heller inte redigera/ta bort överflödiga attribut i body-taggen.
När jag redigerar och kollar förhandsgranskningen så är all ok! Sedan när man spar ändringen så blir det fel ändå!