SitePoint Sponsor

User Tag List

Results 1 to 6 of 6
  1. #1
    SitePoint Addict
    Join Date
    Mar 2004
    Posts
    260
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Need help with mystery space

    I'd be grateful if someon could take a quick look at this: http://www.fightforsight.org.uk/sightlosspsp

    It's a bit of a mess, as work in progress. But What is is: there is a space at the top of the page, and I cannot figure out why. The body has been set to 0 margins and padding. The Header DIV should really be positioned at the top of the page. I just cannot work out why it isn't.

    Can somebody spot what's going on here?

    Many thanks.

  2. #2
    Life is not a malfunction gold trophysilver trophybronze trophy
    TechnoBear's Avatar
    Join Date
    Jun 2011
    Location
    Argyll, Scotland
    Posts
    5,344
    Mentioned
    214 Post(s)
    Tagged
    5 Thread(s)
    When you say "a bit of a mess", do you mean like this?
    fightforsight.png

    I can't see any gap.
    Don't be arrogant. Be kind to a koala that thinks it's a bear.

  3. #3
    SitePoint Addict
    Join Date
    Mar 2004
    Posts
    260
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for looking.

    When I look at with with Firebug, the there is a white gap above the BODY element even. See attached. I have no idea what that extra space is. I would expect the DIV (id="partnership") with the background image to be bang against the top of the page.

    Screen shot 2012-04-05 at 15.04.07.png

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Hello . You are experiencing collapsing margins. Inside the partnership div, you have a <h1> which has top and bottom margins set. It's seeping out through the parent containers and causing the collapse. You have a few different options.

    1) Remove margins on <h1> (you should use a reset to avoid this in the future)
    2) Stop the margin collapse by setting either a 1px top padding or 1px top border on the partnership div
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work

  5. #5
    SitePoint Addict
    Join Date
    Mar 2004
    Posts
    260
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you, RyanReese, my hero!

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,564
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Don't make me blush .

    Glad I could help. You're welcome.
    Twitter-@Ryan_Reese09
    http://www.ryanreese.us -Always looking for web design/development work


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
  •