Vivid Lust Posted October 6, 2008 Share Posted October 6, 2008 Hi, look at my site: http://onest amp.co.u k/site/ (broken for seo reasons) Can you see that gap under the banner???? It appears in FF and not IE Image: http://img134.imageshack.us/my.php?image=6tiuog7.jpg Please help me get rid of this weird gap. there's no <br /> and nothing in the CSS... really weird. Thanks for any help in advanced! Link to comment https://forums.phpfreaks.com/topic/127267-weird-gap-in-design/ Share on other sites More sharing options...
fanfavorite Posted October 7, 2008 Share Posted October 7, 2008 Try to validate your code, especially the link around your div. Either put the link around the image, or make the div a span. Link to comment https://forums.phpfreaks.com/topic/127267-weird-gap-in-design/#findComment-658727 Share on other sites More sharing options...
sKunKbad Posted October 7, 2008 Share Posted October 7, 2008 First it's really bad to have an image named "banner". Try looking at your site on a computer that has ad blocking (ie. Norton Internet Security), and you won't see that image. Anyways, just add: height:185px; to #banner Link to comment https://forums.phpfreaks.com/topic/127267-weird-gap-in-design/#findComment-658735 Share on other sites More sharing options...
Vivid Lust Posted October 7, 2008 Author Share Posted October 7, 2008 Thanks for the feedback, I tried what you said, still hasn't been fixed! Please help - changed to span - changed "banner" to "logo" - added 185px height to #logo Thanks. Link to comment https://forums.phpfreaks.com/topic/127267-weird-gap-in-design/#findComment-659076 Share on other sites More sharing options...
sKunKbad Posted October 8, 2008 Share Posted October 8, 2008 Thanks for the feedback, I tried what you said, still hasn't been fixed! Please help - changed to span - changed "banner" to "logo" - added 185px height to #logo Thanks. You spelled height wrong. CSS does not allow for spelling mistakes. I replaced your span with: <div id="logo" style="height:185px;"><a href="index.php"><img src="images/logo.jpg"></a></div> and everything looks good in FF3 Link to comment https://forums.phpfreaks.com/topic/127267-weird-gap-in-design/#findComment-659499 Share on other sites More sharing options...
Vivid Lust Posted October 8, 2008 Author Share Posted October 8, 2008 Fixed that There's still a gap How stupid is this ??? Link to comment https://forums.phpfreaks.com/topic/127267-weird-gap-in-design/#findComment-660056 Share on other sites More sharing options...
sKunKbad Posted October 8, 2008 Share Posted October 8, 2008 Fixed that There's still a gap How stupid is this ??? a new gap? Link to comment https://forums.phpfreaks.com/topic/127267-weird-gap-in-design/#findComment-660069 Share on other sites More sharing options...
Vivid Lust Posted October 8, 2008 Author Share Posted October 8, 2008 Nope, the same one lol... wtf Link to comment https://forums.phpfreaks.com/topic/127267-weird-gap-in-design/#findComment-660107 Share on other sites More sharing options...
dropfaith Posted October 8, 2008 Share Posted October 8, 2008 just as a test remove the h1 and see if the gap is gone? if it is we at least found the issue and can easily fix it. Link to comment https://forums.phpfreaks.com/topic/127267-weird-gap-in-design/#findComment-660125 Share on other sites More sharing options...
Vivid Lust Posted October 8, 2008 Author Share Posted October 8, 2008 I removed them, still no luck. Link to comment https://forums.phpfreaks.com/topic/127267-weird-gap-in-design/#findComment-660134 Share on other sites More sharing options...
dropfaith Posted October 9, 2008 Share Posted October 9, 2008 padding : 10px; ??? thats about how big this gap is #body { width : 578.5px; float : left; padding : 10px; } #sidebar { width : 331.5px; float : right; padding : 10px; } Link to comment https://forums.phpfreaks.com/topic/127267-weird-gap-in-design/#findComment-660410 Share on other sites More sharing options...
haku Posted October 9, 2008 Share Posted October 9, 2008 Add: display:block to span#logo Also I should mention, I see the gap in IE and not FF, which is opposite to what you said in your original post. Have you edited the page since you linked to it? If so, you shouldn't do that! If you need to link to a page for people to look at, create a dummy page so that it isn't changing while people are trying to figure out your problem. Link to comment https://forums.phpfreaks.com/topic/127267-weird-gap-in-design/#findComment-660489 Share on other sites More sharing options...
Vivid Lust Posted October 9, 2008 Author Share Posted October 9, 2008 Add: display:block to span#logo Also I should mention, I see the gap in IE and not FF, which is opposite to what you said in your original post. Have you edited the page since you linked to it? If so, you shouldn't do that! If you need to link to a page for people to look at, create a dummy page so that it isn't changing while people are trying to figure out your problem. Thanks so much!!! That display:block fixed the problem! Thanks again Link to comment https://forums.phpfreaks.com/topic/127267-weird-gap-in-design/#findComment-660941 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.