Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Apr 2009
    Posts
    51
    Thanks
    5
    Thanked 0 Times in 0 Posts

    CSS Div Spacing Problems in FF, Safari

    Hi - I am having some trouble on the following page:

    http://goldenhillschurch.cmcconnell.com/

    Specifically, there is some extra space being added that creates a white line between #secondary_nav_container and #bottom_row. It is only an issue with Firefox, Safari and Chrome, and surprising IE gets it right and displays no extra space. (See attachment)

    Any help would be greatly appreciated. Thanks.
    Attached Thumbnails Attached Thumbnails CSS Div Spacing Problems in FF, Safari-ghc-design.jpg  

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    I think your problem is here:

    Code:
    #bottom_row_content_container 
    {
    height:180px;
    margin-left:20px;
    margin-top:20px;
    padding-top:20px;
    width:860px;
    }
    Remove this and that should sort it. In fact IE7 (at least) shows the margin if you look at the position of the "News and Announcement" text, but it doesn't show it as a white line.

  • Users who have thanked SB65 for this post:

    cmcconnell (05-28-2009)

  • #3
    Senior Coder
    Join Date
    Oct 2005
    Posts
    1,340
    Thanks
    0
    Thanked 61 Times in 60 Posts
    Hmm. Are you saying every other browser in the world is wrong? I didn't think so. This has to do with either margin collapsing or, possibly, images; both bugs in IE. I should be at my dev computer in an hour or so.

    EDIT: It looks like SB65 may have it right but it also looks like improper margin collapse with IE, as expected. You do need to validate your html for that list of errors.
    Last edited by drhowarddrfine; 05-28-2009 at 08:55 PM.

  • #4
    New Coder
    Join Date
    Apr 2009
    Posts
    51
    Thanks
    5
    Thanked 0 Times in 0 Posts
    How do I take care of the margin collapse problem, and how do I get rid of the white space problem in FF and Safari?

    NM- got it. Thanks SB65.
    Last edited by cmcconnell; 05-28-2009 at 09:38 PM.


  •  

    Posting Permissions

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