I'm trying to go from tables to css, and it's getting a little RAAWR! So, I'm starting with a basic layout. Issue #1 Header Content Footer. Header and Footer fixed heights, trying to get Content to expand to fill the rest. This is as far as I've gotten, and it doesn't work. Content somehow needs to be %100 - header size - footer size. It seems like it would be an easy built in function, but what I can find from searching is it's not. div.header{ width:810px; display:block; height:85px; background-color:#b8c5d5; clear:left; margin: 0px auto; padding:0px;

}

div.content{ width:810px; min-height:100%; height:100%; background-color:white; clear:left; margin: 0px auto; padding:0px; }

div.footer{ width:100%; height:25px; background-color:#b8c5d5; clear:left; position:absolute; bottom:0; }

body{ height: 100%; background:#f1f4f7; margin:0px; padding:0px; } html{ height: 100%; }

and in the body

Issue #2 is smaller, and I can work around it, it seems to have the footer glued to the bottom, you need to go absolute, and then it it sticks to the left. I made footer 100% and I plan on nesting something else in there to size, but it seems like a bad work around.

Like this?

Originally posted by: JERKSTORE Like this?

You cocky bastard I love you! Beer and BJ's on me. I knew it would be something easy. overflow:hidden; Blammo!

No prob