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

Thread: CSS Problem

  1. #1
    Regular Coder
    Join Date
    Sep 2005
    Location
    Bath, ENG
    Posts
    113
    Thanks
    0
    Thanked 0 Times in 0 Posts

    CSS Problem

    Hi,

    On my site, I have a horizontal white line going across the page at the top. Not sure where it is coming from? I've checked the header and middle container in Firebug and definitely not coming from there.

    Anyone have any ideas?

    Thanks

  • #2
    Regular Coder
    Join Date
    Aug 2002
    Location
    San Francisco
    Posts
    455
    Thanks
    19
    Thanked 15 Times in 15 Posts
    Top margins on elements can poke out of the top of divs, creating a gap if there's no padding. Check your margins on both of your menus right under that gap. I forget if bottom margins do the same, but it couldn't hurt to check. The solution would be to add a pixel of padding to the top
    Outside of a dog, a book is man's best friend. Inside of a dog it's too dark to read. Groucho Marx

  • #3
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,866
    Thanks
    160
    Thanked 2,224 Times in 2,211 Posts
    I think it's the collapsing margin issue of FF. Try the following instead.
    Code:
    .middle {/*boxes.css (line 430)*/
    background:#FCFCF8 url(../images/main_bg.gif) no-repeat scroll 0;
    padding:7px 25px 2px;
    }
    breadcrumbs {/*boxes.css (line 478)*/
    font-size:0.95em;
    line-height:1.25em;
    /*margin-top:7px;*/
    }
    Check http://complexspiral.com/publication...psing-margins/
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • #4
    Regular Coder
    Join Date
    Sep 2005
    Location
    Bath, ENG
    Posts
    113
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Great that worked perfectly


  •  

    Posting Permissions

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