Min menu vil ikke være 100% høj
Jeg har lavet mit design med csssom i kan se inde på 03x.dk min "main" css style 100% høj men menuen følger ikke med vilket får det til at se rigtigt fuckt op ud :(
hvad kan jeg gøre for at fixe det?
<-- code -->
<html>
<head>
<title>03x.dk</title>
<style type="text/css">
body {
margin:0px;
background-image: url("design/bg.gif");
color: #000000;
}
A:link, A:visited, A:active {
text-decoration: underline;
color: #000000;
}
#title {
position:absolute;
left:0px;
top:0px;
width:100%;
height: 158px;
background-image: url("design/index_03.gif");
}
#menu {
position:absolute;
left:0px;
top:158px;
width: 20%;
height: 100%;
background-image: url("design/index_06.gif");
}
#main {
position:absolute;
left:188px;
top:158px;
width: 80%;
height: 100%;
background-repeat: repeat-y;
background-image: url("design/index_05.gif");
}
</style>
</head>
<body>
<div id="title">
<?PHP
$elev = rand(1,5);
?>
<IMG SRC="design/elever/<?=$elev?>.gif"><IMG SRC="design/index_02.gif">
</div>
<div id="menu">
<IMG SRC="design/index_04.gif" alt="<- Menu ->"><br>
<a href="index.php?side=nyheder">Nyheder</a><br>
<a href="index.php?side=elever">Elever</a><br>
<a href="index.php?side=billeder">Billeder</a><br>
<a href="index.php?side=gastebog">Gæstebog</a><br>
<a href="index.php?side=citater">Citater</a><br>
<a href="index.php?side=links">Links</a><br>
</div>
<div id="main">
<center>
test... test... test... test...
</center>
</div>
</body>
</html>
</-- code -->
