Can we do this with <div>

liunx

Guest
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!

tI think you need to define OVERFLOW:auto in your center div.ohhh thank... i work on this all day long! I'll check OVERFLOW later

:DI 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.cssHere'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

tYeah, 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?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!

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

have a good day!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.
 
Back
Top