PDA

Click to See Complete Forum and Search --> : CSS gap

rh91uk
12-17-2006, 11:44 AM
Hi!

Having a slight problem.. heres a screenshot to start off with! (http://img365.imageshack.us/img365/4458/wthek9.png)

Basically, there is a gap only in IE7 with the site I'm doing above, it works fine in firefox! and I'm just puzzled how to fix it.

The css is below:



/* Layout of Page
----------------------------------------------- */

#top_banner {
width: 885px;
margin: 0px auto;
}

#contentcontainer {
width: 885px;
padding: 0px;
}

#content {
width: 801px;
float: left;
}
#leftgrey {
float: left;
margin: 0;
width: 41px;
height: 800px;
background-image: url(../images/left_grey_side.jpg);
}

#rightgrey {
float: right;
margin: 0;
width: 37px;
background-image:url(../images/rightgrey.jpg);
height: 800px;
}

#pagewrap {
text-align: left;
width: 885px;
min-width: 760px;
margin: 0px auto;
}


Any tips/fixes/code/changes i can implement?

Help will be greatfully recieved =D

Thanks!
Fang
12-17-2006, 12:53 PM
The html would be helpful.
rh91uk
12-17-2006, 12:56 PM
Sorry! Heres everything in the body tags


<body>
<div id="pagewrap">
<img src="images/bannerandlinks.jpg" width="885" height="150" />
<!-- // begin content container -->
<div id="contentcontainer">

<div id="leftgrey"></div>

<div id="content">

</div>

<div id="rightgrey"></div>

</div>
</div>

</body>
Fang
12-17-2006, 01:22 PM
<img style="display:block" src="images/bannerandlinks.jpg" width="885" height="150" />
If you only get the gap in IE you are probably in quirks mode.
rh91uk
12-17-2006, 01:23 PM
Fixed!

Thank you so much =D