nicht angemeldet
hallo forum.
ich habe mal folgendes layout ausprobiert.
+------------------------------+
| |
| Block: 100px hoch |
| 100% breit |
| |
+------------------------------+
| |
| Block: 100% - 200px hoch |
| (rest) |
| 100% breit |
| |
| |
| |
+------------------------------+
| |
| Block: 100px hoch |
| 100% breit |
| |
+------------------------------+
will heissen. oben und unten soll es einen fixen rand haben (jeweils 100px). der mittlere bereich sollte sich dynamisch der fenstergrösse anpassen.
also minimal: 100% fensterhöhe - 200px
maximal: egal... je höher desto mehr content. sprich er soll sich dem content anpassen.
ich habe folgendes ausprobiert:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
body {
margin : 0px;
padding : 0px;
background-color : #000;
color : #F00;
}
</style>
</head>
<body>
<div style="height:100px;background-color:#FFF;">test</div>
<div style="height:auto;">test</div>
<div style="height:100px;background-color:#FFF;">test</div>
</body>
</html>
leider wird so der gewünschte effekt weder im ie, opero oder mozilla erziehlt.
für hilfe zu diesem beispiel oder workarounds wäre ich sehr froh.
danke und...
grüsse
siramon, ja der aus der schweiz