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!

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.

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!

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.

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?

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.

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?

What page am I supposed to be looking at? The link at the top has the same code as before.

Yeah I changed it back yestersday. I gave up. I can give you ftp access if you would be so kind…