I currently have two divs with their height set to 100%.

This is working OK.

But what I would like is another two divs that run across the top and the bottom of the page that are 10px heigh.

I would like the height of the other two divs to vertically fill the space between the top and bottom divs.

Is this possible?

I tried height: *% but it didnt not work.

Thanks.

<-------------- horizontal div 1: height: 10px ------------->
<- vertical div1: height: *% -><- vertical div 2: height: *%>
<-------------- horizontal div 2: height: 10px ------------->

I tried height: *% but it didnt not work.

That's because it's NOT VALID. You can't just make up your own rules.

If you've got both of the vertical divs set to height: 100%, then they will do just that, and push the bottom horizontal down.

If that's not what's happening, then lets see the code - all of it.

That is what is happening but I was hoping there might be a way to have them 100% -10px + -10px.

I guess frames are the only way?

Are you gonna add content to these 10px divs. If not use margins.

margin-top: 10px; margin-bottom:10px;

Frames are BAD, definitely not a good solution.

Are they that bad though?

vertical div1 {height: 100%; width: 50%;}
vertical div2 {height: 100%; width: 50%;}
horizontal div1 {height: 10px; width: 100%;}
horizontal div1 {height: 10px; width: 100%;}

If you want to change the width's then the vertical div's width's will be add up to equal the same amount as the width of 1 horizontal div.

so u could have:

vertical div1 {height: 100%; width: 300px;}
vertical div2 {height: 100%; width: 100px;}
horizontal div1 {height: 10px; width: 400px;}
horizontal div1 {height: 10px; width: 400px;}

or:

vertical div1 {height: 100%; width: 200px;}
vertical div2 {height: 100%; width: 200px;}
horizontal div1 {height: 10px; width: 400px;}
horizontal div1 {height: 10px; width: 400px;}

or anything you want as long as the width of both vertical div's add up to the width of 1 horizontal div.


(have i answered your question or have i misunderstood?)

Are they that bad though?

Yes, they are THAT bad !

http://www.webaccessstrategies.com/b...rames-are-bad/