Webside med fast top og bund 100% højde
Hej sad lige og rodede med at lave en side, hvor jeg gerne vil har fast top og bund, og så indhold fylder rest.Den del funger sådan set fint. Men da jeg skal have scroll bar i højre side "forskubber" indholdet sig, og det forstår jeg godt, men hvordan jeg lettest undgår det, ved jeg ikke ...
Her lidt kode ...
</head>
<body>
<div id="head">
<div id="headind">Top</div>
</div>
<div id="foot">
<div id="footind">Bund</div>
</div>
<div id="content">
<div id="contentind">Indhold</div>
</div>
</body></html>
html { height:100%; max-height:100%; width: 100%; overflow: hidden; }
body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0px; border:0;}
#content {height:100%; max-height:100%; background:gray;overflow:auto; margin-left: auto; margin-right: auto;position:relative; z-index:3;}
#contentind{padding-left:00px;margin-bottom:50px;margin-top:100px;width:1000px; background:yellow; margin-left: auto; margin-right: auto; z-index:7;}
#head {position:fixed; top:0; width:100%; height:100px; z-index:6;position:absolute;}
#headind{width:1000px;background:green;margin-left: auto; margin-right: auto;height:100px; top:0;z-index:6;}
#foot {position:fixed; width:100%; bottom:-1px; height:50px; z-index:5;position:absolute;}
#footind{width:1000px;background:green;margin-left: auto; margin-right: auto; height:50px; top:0;}
Siden kan også ses på http://kigs.dk/test4.htm
Simpel løsning er at foretrække ...
Tak