As was foretold, we've added advertisements to the forums! If you have questions, or if you encounter any bugs, please visit this thread: https://forums.penny-arcade.com/discussion/240191/forum-advertisement-faq-and-reports-thread/
Options

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

  • Options
    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
  • Options
    Sharp101Sharp101 TorontoRegistered User regular
    edited March 2009
    That did it. Thank you!

    Sharp101 on
Sign In or Register to comment.