Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
03-01-2009, 06:11 AM #1
- Join Date
- Mar 2009
- Thanked 0 Times in 0 Posts
Container set to 100% but is cutting off half way down page
I have my container div, html and body set to 100%. Container div also has a min-height of 100%. For some reason the container div is not scaling with the height of the content of the rightside div. Any ideas?
Here's the css:
font-family: Arial, Helvetica, sans-serif;
Here is the page http://www.sandiegostair.com/about_s...gs_stairs.html
Any ideas as to how I can get the container to be 100% so the left side image will repeat to the bottom of page?
03-01-2009, 06:46 AM #2
- Join Date
- Dec 2006
- Thanked 1,837 Times in 1,821 Posts
It is going 100%.
When you set #container to 100%, it goes the full height of the browser window...and that's it. If your content is longer and you scroll some more screen into view, the container already went 100% and it's not going more just because your scrolling.
I hope that explained it.
Have a look at this full height layout - http://nopeople.com/CSS/full-height-layout/index.html - view the source to see how it's done.