SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru
    Join Date
    Jul 2003
    Location
    england
    Posts
    823
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Question Excessive Spacing Below Body Content

    I'm having trouble getting content on the bottom of this page to be placed closer to the top of the black background. The red thin line should be running just above the 'Copyright', but I'm having trouble figuring out what is causing the gap.

    I'd like to know what's causing the excessive spacing and how I should fix it.

    Thank you.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,317
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    When you give an element position: relative and then move it (say with a negative top setting) the space that the element would naturally have occupied is preserved. So that excessive black area is where things like #contmo are supposed to be.

    So it would be better to use a different method to create the look you want. Perhaps provide a screen shot of what you actually are aiming for.

  3. #3
    SitePoint Guru
    Join Date
    Jul 2003
    Location
    england
    Posts
    823
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    ralph.m,

    Thank you for catching that and good point. As for the way it should look, everything above the bottom is the way it needs to look; but the bottom should look like the attached with the white background flowing to the grey gradient.

    bottom.PNG

    Plus, I need the red bar across the top below the sunburst to appear:
    redbar.PNG

    I know that I can make '#contmo' position: absolute to the top:0 and then make another container with the width of 950px and add the padding to show the background shadow, but then I lose my 'topl' and 'bottoml' backgrounds.

  4. #4
    SitePoint Guru
    Join Date
    Jul 2003
    Location
    england
    Posts
    823
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Looks like I was able to fix the problem by modifying the background image slices and remove the negative, relative positioning.

    Looks great now!

  5. #5
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,317
    Mentioned
    462 Post(s)
    Tagged
    8 Thread(s)
    Cool, glad you sorted it. It's always more satisfying that way.


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
  •