Forum Moderators: not2easy

Message Too Old, No Replies

white gap in ff

         

dukelips

3:58 pm on Aug 31, 2009 (gmt 0)

10+ Year Member



Please find the example below: it shows a white gap in firefox while it appears normal in IE

how could i cut down the gap

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>

<head><title>WWW</title>

<style type="text/css">
*
{
margin:0px;
padding:0px;
top:0px;
}

#container
{

width:780px;
position:relative;
background-color:teal;
height: 500px;
margin:0px;
padding:0px;
left:100px;
top:0px;
vertical-align:top;
border:0px solid black;
}

#leftside
{
width:779px;
position:relative;
left:0px;
top:0px;
background-color:red;
margin:10px0px 0px 10px;
padding:0px;
height:500px;
border:0px solid white;

}

#centerside
{
width:250px;
position:absolute;
background-color:teal;
left:550px;
top:30px;
margin:0px;
padding:0px;
height:300px;
border:1px solid black;
}

#rightside
{
width:250px;
position:relative;
background-color:blue;
left:250px;
top:50px;
margin:0px;
padding:0px;
height:300px;

}

</style>

</head>
<body>
<div id="container">
<div id="leftside">
tetasdasdasda
asdasdasdasdas
asdasdasdasdasdas
asdasdasdadadas
</div><!--Left Side Container-->


</div><!--Container-->

</body>
</html>

D_Blackwell

4:23 pm on Aug 31, 2009 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Where is this white gap? I'm not seeing it in FF 3.5.1, IE, or Opera.?

dukelips

5:04 pm on Aug 31, 2009 (gmt 0)

10+ Year Member



actually the container moves along with the div ("leftside") and it appears as a white gap between top and the container.

It appears with the bgcolor in IE not in FF