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! Quote 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. Quote 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 Quote 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. Quote 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 Quote 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 ??? Quote 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? Quote 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 Quote 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. Quote 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. Quote 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; } Quote 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. Quote 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 Quote Link to comment https://forums.phpfreaks.com/topic/127267-weird-gap-in-design/#findComment-660941 Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.