Can we do this with <div>

[turb]

Hi!

another question about <div>!

What i want to do is split the screen in 3 rows:

1.header
2.middle
3.footer

The header and footer height are 50px each, and the middle need to be 100% cause we never know his height!

When the page doesn't scroll it's ok but, i've got some problem when the page scroll!

t

[Bigjohn]

I think you need to define OVERFLOW:auto in your center div.

[turb]

ohhh thank... i work on this all day long! I'll check OVERFLOW later

:D

[Palee]

I have almost the same dilemma, only horizontal.

I want the middle "coloumn" to be expanded (and not overflowed) between the fix-width left and right coloumn.

(setting overflow: auto didn't help)

lfs.hsw.hu/gergo/inferno/xx1.htm

lfs.hsw.hu/gergo/inferno/xx.css

[turb]

Here's the file that works for u!

And if i can give you an advice, your coding syntax perfect according to w3 recommendation!

So, this example work fine for me in IE6

t

[Palee]

Yeah, good! Thanks!

Really, using the margin parameter that makes it work?

..oh, if i fill the middle section with letters, it runs under the right section. Which is what I wanted to avoid,secondarily.

And what is the goal of 'html,body div#middle' statement?

[turb]

On my computer, when i fill the middle part, it doesn't run under the right part... it word-wrap!

The goal of 'html,body div#middle' is to position the #middle part base on the body because if we use margin-left and margin-right just on the #middle and set his weight to 100%, you'll have an horizontal scrollbar!

t

[Palee]

Yes, if i throw spaces between the letters, it word-wraps, as you told.
Thank you, now I can continue my design :)

[turb]

No problem!

have a good day!

[Palee]

Still don't get the method of 'html,body div#middle'.

Probably it's because I lack the fundamentals...
Don't know the reason of naming :-/

I have to dig deeper to find some references.