how to do fullscreen two row layout without using a table

[czajah]

hi,

at first i would like to apologize for my poor english :/

I’m trying to do something like this but only with divs and css.

By “like this” i mean a window-size page (height:100%;width:100%) with two rows: the bottom one with height ie. 30px and the top one fitted to the remaining space.

How do you think – it’s posible?

tia :)

[joshuanhibbert]

The solution would be something like this:

#container {

position: absolute;

top: 0;

left: 0;

right: 0;

bottom: 30px;

}

#footer {

position: absolute;

left: 0;

right: 0;

bottom: 0;

height: 30px;

}

[czajah]

clever :) thank you

[joshuanhibbert]

No worries, you may have issues with overflowing content though.

[Author]

Posts