
May 31st, 2003, 08:15 AM
|
 |
Junior Member
|
|
Join Date: May 2003
Location: Australia
Posts: 18
Time spent in forums: 1 m
Reputation Power: 0
|
|
CSS Issues with Gaps in Layout
Hi,
I'm having some issues with CSS Layout and gaps, its really annoying and I was hoping someone out there could help?
www.irdweb.net/crap/css-problem.JPG
I've got this ugly gap, and I can't work out how to get rid of it.
My CSS:
BODY {
background-color: silver;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
}
#logo {
background-image: url(pdsb.jpg);
color: #000000;
height: 100%;
margin: 0px 0px 0px 0px;
padding: 0px;
text-align: left;
float: left;
width: 150px;
}
#sidebar {
background-image: url(pdsb.jpg);
color: #000000;
margin: 75px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
float: left;
width: 100%;
}
#title {
height: 70px;
font-size: 9pt;
margin: 0px 0px 0px 150px;
padding: 0px 0px 0px 0px;
background-image: url('pdtb.jpg');
width: auto;
}
and my HTML;
<div id="logo">
<div id="sidebar">
</div>
</div>
<div id="title">
</div>
Thanks,
Tekka
|