Thread: Height 100%

    #1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2009
    Location
    The 816
    Posts
    14
    Rep Power
    0

    Height 100%


    For the life of me I cannot figure out why I'm getting scroll bars on this site.

    Itr has something to do with the css and the height attribute.

    Can anyone PLEASE help?

    http://jennycdesign.jamiebrewer.com/

    Thanks!
  2. #2
  3. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2003
    Posts
    709
    Rep Power
    441
    Looks like the 100% height you're setting on #container.

    As far as I can tell, you don't need a lot of the heights you're setting.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2009
    Location
    The 816
    Posts
    14
    Rep Power
    0
    You're right, I don't know why these were applied in the first place.

    I removed all the instances of "height:100%" from the css file and the scrolling is gone but the pink stripe at the bottom isn't stretching to the bottom of the page / screen.

    I can email you ftp access is you can maybe take a closer look at it?

    Thanks for the help!
    Last edited by jamiebrwr; September 13th, 2012 at 11:39 AM. Reason: removing quote
  6. #4
  7. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2003
    Posts
    709
    Rep Power
    441
    You could try adding the pink stripe into the background for the body, or make an image of the pink stripe alone and put the body background on the html tag, and the pink stripe on the body tag.
    Last edited by rdoyle720; September 13th, 2012 at 12:28 PM.
  8. #5
  9. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2003
    Posts
    709
    Rep Power
    441
    Because heights add up. You've got top with a height of 100px, content with a height of 100%, and footer with a height of 100px. So the height of the page is 100% + 100px +100px, or 200px of scrolling.

    I'm not sure how this relates to what you were doing before...what exactly are you trying to accomplish?
  10. #6
  11. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2003
    Posts
    709
    Rep Power
    441
    Rather than creating elements to try to make a background fill the page, use the element that's already filling the page.

    Take a screenshot of the pink stripe. Crop it out and make it into an image. Set it as the background of #container, position it and set it to repeat-y. Now remove #top and #footer completely. Give #main_wrap a top margin of 87px.
  12. #7
  13. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2009
    Location
    The 816
    Posts
    14
    Rep Power
    0
    Okay I made the updates and it is getting closer but now it's missing the pink in the header and the grey stripe pattern in the footer.

    Anymore advice?
  14. #8
  15. No Profile Picture
    Contributing User
    Devshed Novice (500 - 999 posts)

    Join Date
    Dec 2003
    Posts
    709
    Rep Power
    441
    What page am I supposed to be looking at? The link at the top has the same code as before.
  16. #9
  17. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Dec 2009
    Location
    The 816
    Posts
    14
    Rep Power
    0
    Yeah I changed it back yestersday. I gave up. I can give you ftp access if you would be so kindů


IMN logo majestic logo threadwatch logo seochat tools logo