SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    SitePoint Enthusiast meltingInPhoenix's Avatar
    Join Date
    May 2005
    Posts
    66
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Divs won't Sit Flush in Firefox (sometimes)

    Having a problem with stacked divs being displayed correctly and incorrectly in Firefox. The image below is a small screenshot of the error. Notice that "a" gets rendered correctly while "b" has a small, roughly 1 px, break. The classes that control both the a & b divs are identical with exception to the background graphic. I've tried adding overflow: hidden & margin-top: -1px with no luck. Anyone else encountered this?
    Attached Images Attached Images

  2. #2
    SitePoint Evangelist
    Join Date
    Feb 2005
    Posts
    581
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    CSS & (X)HTML code?
    I will not flame the newbies,
    I will not flame the newbies,
    I will flame the newbies...
    Table free is the way to be!

  3. #3
    SitePoint Enthusiast meltingInPhoenix's Avatar
    Join Date
    May 2005
    Posts
    66
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    html code

  4. #4
    SitePoint Enthusiast meltingInPhoenix's Avatar
    Join Date
    May 2005
    Posts
    66
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    html & css

  5. #5
    Winemaster bronze trophy BonRouge's Avatar
    Join Date
    Oct 2004
    Location
    Sendai, Japan
    Posts
    2,417
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I think he's suggesting that you should show us the page (a link would be best).

  6. #6
    SitePoint Evangelist
    Join Date
    Feb 2005
    Posts
    581
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I was suggesting that you should show us your CSS/(X)HTML code so that we can see what's going on.
    I will not flame the newbies,
    I will not flame the newbies,
    I will flame the newbies...
    Table free is the way to be!

  7. #7
    SitePoint Enthusiast meltingInPhoenix's Avatar
    Join Date
    May 2005
    Posts
    66
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm in the process of tearing the design apart (company reasons) so I can hand over the code. One thing I have noticed in doing so. When I removed all images and placed background colors for the divs instead, and it rendered fine in Firefox. Maybe I'll find the needle as I do this.

  8. #8
    SitePoint Enthusiast meltingInPhoenix's Avatar
    Join Date
    May 2005
    Posts
    66
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Thumbs up Found Solution to Firefox Non-fixed Height Rendering

    Apparently firefox has an issue with floating, stacked divs and rendering background images (repeat-y in a non-fixed height "container").

    The fix was applying margin-bottom: 1px; to the "subBoxContent" class.

    I have included an image illustrating this fix.
    Attached Images Attached Images


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •