DH Templates

CSS Have Div Fill Rest of Page?

Ok I'm making this cool template where the width fills the page but the height is limited. But for people with a larger screen than the one I'm designing on it looks weird because everything beyond the footer is blank. I need to have the footer's height, not be 100%, but fill the rest of the page. I tried 100% percent and it did work but it made the scroll bar automatically be there when it shouldn't have need needed.

Public Comments

1. Try limit the overflow- overflow- scroll; sorry, replace - with colon, my colon key isnt working lol! If that does not work try changing scroll to hidden and auto and visible. Sorry you`re question isn`t too clear!
2. If you want your footer to be a certain colour or have a certain background image etc., you can add these to the 'body' attribute in your CSS, and then make sure there are enough styles in the content div's to override the body styles.