The new forums will be named Coin Return (based on the most recent vote)! You can check on the status and timeline of the transition to the new forums here.
Please vote in the Forum Structure Poll. Polling will close at 2PM EST on January 21, 2025.

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.

http://mls.shiftedmatrix.com/html/aboutus/


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

http://mls.shiftedmatrix.com/html/aboutus/index2.asp

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>
[/HTML]

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

Sharp101 on

Posts

  • 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.

    wasted pixels on
  • Sharp101Sharp101 TorontoRegistered User regular
    edited March 2009
    That did it. Thank you!

    Sharp101 on
Sign In or Register to comment.