Hi All,
I'm hoping someone in this forum might be able to save the hair I haven't yet pulled out by showing me a solution to this really annoying
css bug. I've been using a hack for a long time that allows a centered box both horizontally and vertically. However I have always used this hack with a white background. I have just started developing two new site that require coloured backgrounds, and found that the
css colour for the body tag doesn't render all the way down the screen (particuarlly in IE). It only seems to go as far as the absolutely positioned content box.
the particular site I'm having trouble with at the moment is
www.id30.com/pikcells.
The css:
body{
background-color:#484848;
color:#fffffd;
margin:0px;
padding:0px;
}
#content_block{
width:596px;
margin-left:-298px;
left:50%;
height:611px;
margin-top:-306px;
top:50%;
position:absolute;
}
#flash{
height:336px;
margin-bottom:8px;
}
#bottom_content{
height:226px;
border:solid 1px #707070;
}
The html:
<body>
<div id="content_block">
<div id="flash">
<img src="images/flash.jpg" alt="flash banner" />
</div>
<div id="bottom_content">
</div>
</div>
</body>
If anybody could let me know what the problem is it would be much appreciated.
Many thanks
David