CSS Problem

[Kelvin Little]

Trying to get to it so that I have 2nd divider, where one is at the bottom of the window and 32 pixels high, and where the other is placed on top and takes up the rest of the window, not the lower divider covers.

So like this:

--------------------
| |
| Div 1 |
| |
--------------------
| Div 2 |
--------------------

With frames, it would simply go to do so:
<frameset rows="*, 32">

What I Look out so far is how I can place the lower divider, and I do so here:

# bottom ( 
    position: absolute; 
    left: 0px; 
    bottom: 0px; 
    width: 100%; 
    height: 32px; 
    margin: 0; 
    padding: 0; 
  )

Now the question is how to get to the upper divider. I Run with height at 100% so shit in the lower divider and becomes as big as the window.

[kelfro]

Your code is fully valid. Would be tested quite thoroughly in some browsers.

Why should the upper divider (DIV) to raise the rest of the window? Is it not sufficient if it is as high as its content? If you want to have a background in the upper part you can put this on the BODY element.

[Kelvin Little]

Think hell that I overcame it. Wrote the following to the upper divider:

  (# top 
    position: absolute; 
    left: 0px; 
    top: 0px; 
    bottom: 32px; 
    width: 100%; 
  )

As you can see, I skipped simply to enter height, and wrote instead of both top and bottom. Heh, thought the two took each other out, so you had to specify the coordinates via either the top or bottom ...but apparently not