Ion1c
Legacy Member
hoi, Heb al een tijd zitten furrelen in html en slaag er maar niet in om mijn footer onderaan de pagina te krijgen. Deze staat onderaan men scherm, maar niet onderaan de content. (footer is div6)
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#apDiv1 {
position:absolute;
left:0px;
top:0px;
width:100%;
height:180px;
z-index:1;
background-color: #FF9933;
}
#apDiv2 {
position:absolute;
left:50%;
top:0px;
width:760px;
height:180px;
margin-left:-380px;
z-index:2;
background-color: #FFFFFF;
}
#apDiv3 {
position:absolute;
left:0px;
top:180px;
width:100%;
height:60px;
z-index:3;
background-color: #000000;
}
#apDiv4 {
position:absolute;
left:50%;
top:240px;
width:225px;
height:800px;
margin-left:-380px;
z-index:4;
background-color: #FF33CC;
}
#apDiv5 {
position:absolute;
left:50%;
top:240px;
width:535px;
height:800px;
margin-left:-155px;
z-index:5;
background-color: #FF33CC;
}
#apDiv6 {
position:absolute;
left:0px;
bottom:0px;
width:100%;
height:60px;
z-index:6;
background-color: #000000;
}
-->
</style>
</head>
<body>
<div id="apDiv1"></div>
<div id="apDiv2">
<div align="center"><em><strong>BANNERD</strong></em></div>
</div>
<div id="apDiv3"></div>
<div id="apDiv4"></div>
<div id="apDiv5"></div>
<div id="apDiv6"></div>
</body>
</html>

