Our new Indie Games subforum is now open for business in G&T. Go and check it out, you might land a code for a free game. If you're developing an indie game and want to post about it, follow these directions. If you don't, he'll break your legs! Hahaha! Seriously though.
Our rules have been updated and given their own forum. Go and look at them! They are nice, and there may be new ones that you didn't know about! Hooray for rules! Hooray for The System! Hooray for Conforming!

Firefox CSS gap issue

Sharp101Sharp101 TorontoRegistered User regular
edited March 2009 in Help / Advice Forum
Ok, I want to do a fairly simple thing, I have a image that will be split into two horizontally. One half as an img in one div, and another as a background in a div below it.

But I'm having issues with my layout where there is a mystery gap appearing between the two elements in Firefox.


For troubleshooting purposes, I stripped out all extra stuff in the containers other than the image and background


Still there.

View source to see how simple this should be... I even put it all on one line in case some white space was affecting it

[HTML]<div><img src="/images/banners/im_aboutus.jpg" width="762" height="104"/></div><div style="background:url(/images/banners/im_circles.gif) right top no-repeat;"><br /><br /><br /><br /><br /></div>

Why doesn't this work in Firefox? (Displays fine in IE!)

Sharp101 on


  • wasted pixelswasted pixels Registered User regular
    edited March 2009
    The div containing the header image is the problem. Define the height of that div as 104px and you should be fine.

    BTW, I got a message from Obs that equated installing OS X on a PC with car theft, murder and rape. Is he normally like that?
  • Sharp101Sharp101 TorontoRegistered User regular
    edited March 2009
    That did it. Thank you!

Sign In or Register to comment.