View Full Version : Fluid Design Help Needed

05-19-2008, 09:13 PM
I've been trying to get this to work in at least IE6, IE7, and FF2 with no luck. Here's what I'm looking for:

- 100% height/width, no window scrollbar (scales when browser is resized)
- a 'header', 'footer', and 'middle' section
- The footer and middle sections are dynamic tables which are scrollable when there is overflow
- When the browser is resized, the middle sections changes height and the header and footer stay the same. All sections resize width.

I guess that's pretty much it. It's going to be more of a web app then a web site. I can be done with either tables or divs, I don't really care. I actually might prefer a large table because I eventually want to make the sections (header, footer, middle) user re-sizable.

Anything is greatly appreciated. Thanks!

05-19-2008, 09:24 PM
Here is a site to help with a fluid layout.


as far as the over flow tables, this code would work i imagine, i have to look at all of the code to see though

table {

06-01-2008, 04:32 AM
I ended up using javascript. It sets the height of the middle part based on the height of the header,footer, and browser window onresize. Thanks to: