|
|
|
| |||||||||
![]() |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
|
#1
|
||||
|
||||
|
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 |
|
#2
|
||||
|
||||
|
I fixed it =)
In case anyone comes looking later on with the same issue, I removed the "height" from #title and a placed a 75px transparent JPG in there, bingo no more gap! Thanks anyway. |
![]() |
| Viewing: Dev Shed Forums > Web Design > CSS Help > CSS Issues with Gaps in Layout |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
|
|