Placering af div i bunden
HejJeg har et problem med at få placeret en div centreret i bunden af en side. Det drejer sig om den div der hedder "bottomholder".
Her er min kode:
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>CSS test</title>
<style type="text/css">
body {
text-align: center;
margin: 0px;
padding: 0px;
background-image: url(img/bg_770.gif);
background-repeat: repeat-y;
background-position: center;
}
#content DIV {
float: left;
}
#topholder {
background-color: #777000;
color:#009933;
font-family:verdana;
font-size:20px;
width: 770px;
margin-left:auto;
margin-right:auto;
text-align: left;
}
#main {
color:#009933;
font-family:verdana;
font-size:20px;
width: 770px;
margin-left:auto;
margin-right:auto;
}
#bottomholder {
position: absolute;
bottom: 5px;
background-color: #779910;
color:#009933;
font-family:verdana;
font-size:20px;
width: 770px;
align: center;
float: none;
}
#l {
width: 150px;
background-color: #884400;
text-align: left;
}
#c {
width: 400px;
background-color: #fff111;
}
#r {
width: 150px;
background-color: #888000;
}
</style>
</head>
<body bgcolor="#ffffff">
<div id="main">
<div id="content">
<div id="topholder">
top
</div>
<div id="l">
Boks 1 <br><br><br>
<table width="122" border="1" cellspacing="2" cellpadding="0">
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
<br><br><br><br><br>
</div>
<div style="width: 20px"> </div>
<div id="c">Boks 2<br><br><br><br><br></div>
<div style="width: 20px"> </div>
<div id="r">Boks 3<br><br><br><br><br></div>
</div>
</div>
<div id="bottomholder">bottom</div>
</body>
</html>
