nicht angemeldet
Hallo Mat,
wahrscheinlich eine der häufigeren fragen. habe follgendes problem.
warum suchst du dann nicht im Archiv?
meine seite unterteilt sich in header, content, footer.
header und content haben eine fixe höhe. der content bereich soll variabel sein.
header und footer haben eine fixe höhe!
bsp:
hhhhhhhhh <- immer height:80px;
hhhhhhhhh
ccccccccc
ccccccccc <- dieser Bereich soll automatisch die Höhe ändern,
ccccccccc wenn das Browserfenster bewegt wird, also
ccccccccc 100% - (header + footer)
fffffffff <- immer height:50px;
fffffffffich hab schon rumverschachtelt wie ein blöder, finde aber keinen Lösungsansatz.
"rumverschachteln" alleine ist kein Allheilmittel...
Hoffentlich kann mir einer helfen.
Vielleicht...
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Content-Height 100% - (Header + Footer)</title>
<style type="text/css">
<!--
html, body {height: 100%;margin:0;padding:0;}
div {width: 100%;}
-->
</style>
</head>
<body>
<div style="position:absolute;top:0;left:0;height: 80px;background:#cff;z-index:2;"><h3>Header</h3></div>
<div style="position:absolute;top: 0px;bottom:0px;height:100%;margin:0;background:#fcf;">
<div style="position:absolute;top: 80px;bottom:50px;margin:0;background:#fcf;overflow:auto;"><h3>Content</h3><h3>Content</h3><h3>Content</h3><h3>Content</h3></div>
</div>
<div style="position:absolute;left:0;bottom:0;height: 50px;background:#ffc;z-index:3;"><h3>Footer</h3></div>
</body>
</html>
Gruß Gunther
Mein SelfCode: fl:( br:& va:) ls:[ fo:| rl:( n4:& ss:| de:] js:| ch:? zu:|
http://www.peter.in-berlin.de/projekte/selfcode/?code=fl%3A(+br%3A%26+va%3A)+ls%3A[+fo%3A|+rl%3A(+n4%3A%26+ss%3A|+de%3A]+js%3A|+ch%3A%3F+zu%3A|