CSS Forum

**dragfire** · 06-29-2009, 06:29 AM

I've made a website, but ie6 doesn't display the middle div 30px from the bottom of the page.
I used the folowing xhtml code:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>title</title>
<link href="stijl.css" rel="stylesheet" type="text/css" />
</head>
<body>
<center>
<!--*************************-->
<div id="boven" name="boven">

</div>
<!--*************************-->
<div id="inhoud" name="inhoud">

</div>
<!--*************************-->
<div id="onder" name="onder">

</div>
<!--*************************-->
</center>
</body>
</html>

the css code for this page is:

Code:

body{
position: absolute;
text-align: center;
margin: 0px;
padding: 0px;
height: 100%;
width: 100%;
background-image: url(images/background.jpg);
background-repeat: repeat-x;
font: normal normal normal 12px sans-serif, serif;
color: black;
background-color: white;
overflow: auto;
border: 1px solid red;
}
div{
overflow: auto;
margin: 0px;
padding: 0px;
}
#boven{
position: absolute;
width: 800px;
height: 150px;
left: 50%;
margin-left: -400px;
border: 1px solid red;
}
#inhoud{
position: absolute;
left: 50%;
margin-left: -400px;
width: 800px;
top: 150px;
bottom: 30px;
border: 1px solid red;
}
#onder{
position: absolute;
bottom: 0px;
left: 50%;
margin-left: -400px;
width: 800px;
height: 30px;
border: 1px solid red;
}

**LadynRed** · 06-29-2009, 11:02 AM

Why are you using position absolute on everything ??
IE6 (and older) has big problems with all that positioning. It's better to learn to use the normal document flow to your advantage.

**dragfire** · 06-30-2009, 11:52 AM

I use absolute positioning because i only want the middle row to have a scrollbar,
the top and bottom row should not be able to move their position.

**LadynRed** · 06-30-2009, 04:03 PM

Then just specify a height and the scroll property on that middle row, it's not going to move anywhere but it will scroll.