Scrollbaren vil ikke væk?
Jeg er lige begyndt at arbejde med design via css så det er nok bare enbegynder fejl, men problemet er at jeg vil lave en boks på midten af siden
som er delt op i 3:
- en til toppen
- en til indholdet
- en til bunden
Og den skal fylde 100% vertikalt men der bliver ved med at være noget
scrollbar. Hvordan får jeg den væk?
** KODEN **
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>CSS - Tests</title>
<style>
body {
background-color:#848284;
margin:0px;
padding:0px;
height:100%;
}
body,td,a,p
font-family: Verdana, Arial, Sans-serif; font-size: 11px; color: #000000;
}
#top {
width: 750px;
height: 25px;
background-color: #FFFFFF;
border-bottom: 1px solid black;
}
#bottom {
width: 750px;
height: 25px;
background-color: #FFFFFF;
border-top: 1px solid black;
}
#midte {
text-align:center;
}
#indhold {
width:750px;
height: 100%;
background-color:#EFEFEF;
border-left: 1px solid black;
border-right: 1px solid black;
border-top: 0px solid black;
border-bottom: 0px solid black;
}
#expand {
height: 100%;
}
</style>
</head>
<body>
<div id="midte">
<div id="indhold">
<div id="top">
top her
</div>
<div id="expand">
Indhold her
</div>
<div id="bottom">
bottom
</div>
</div>
</div>
</body>
</html>