Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Tildel html og body margin:0;padding:0
>
> Indsæt box1 med absolut position øverst på siden. Indsæt så box2 med en
> padding-top på 40 px og en højde på 100 %.
>
Med en lille tilretning vil denne løsning faktisk virke. Der indsættes en
box3 i box2 som er 100%x100%. Derved vises scrollbar'en rigtigt, og
skjules ikke under box1. Se løsningen nedenfor. Desværre virker det kun i
ie, men da det er et design til en intern applikation er det ok, selvom
det piner mig at lave et design som kun virker i ie :(
<html>
<head>
<title></title>
<style type="text/css">
body
{
margin: 0;
}
#Box1
{
position: absolute;
width: 100%;
height: 25px;
background-color: #EAE8E4;
border: solid 1px #00FF55;
z-index: 10;
}
#Box2
{
position: relative;
width: 100%;
height: 100%;
padding-top: 25px;
border: solid 1px #FF0006;
background-color: #8B95AF;
}
#Box3
{
position: relative;
width: 100%;
height: 100%;
border: solid 1px black;
overflow-y: scroll;
}
</style>
</head>
<body>
<div id="Box1">box1</div>
<div id="Box2">
<div id="Box3">
box3<br>
</div>
</div>
</body>
</html>
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials