Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Design Extender › CSS Sculptor › How to make a DIV's height 100%?

How to make a DIV's height 100%?

Thread began 12/05/2009 8:01 am by keithlogan347721 | Last modified 12/08/2009 12:00 pm by keithlogan347721 | 4485 views | 7 replies

12/05/2009 8:01 amkeithlogan347721

How to make a DIV's height 100%?

Hi

I'm using CSS Sculptor for the first time. I'm using one of the layouts included i.e a 3 Column layout with fixed header and footer. I've made the footer stick to the bottom of the browser.

Here's my problem. The center column holds the main content, I want this div to fit exactly all the way down until it hits the sticky footer. How do I do that?

I've attached a screen grab. You will see the center DIV colored in Brown, notice how it sits way up the page. I need it to fit vertically until it meets the Footer.

Any help would be much appreciated.

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.