Stupid CSS... how do I get this 100% stuff to work properly???!!!

OK, I have a really annoying problem here, and I can't fix it, even having been to ALA, glish, etc.

I have a titlebar which is 100% width and 50px high. Underneath that is a menu section, on the left, 200px wide and 100% high. Then there is a content area, 100% of available space.

The trouble is, the height of the content and menu areas seems to want to be the total available, despite the title bar being in the way.

Does anyone get what I am saying, and know a fix, or shall I post my code?

If I can't fix it I think I will go back to tables.

::] krycek [::

...as is often the case, I spend ages trying to do summat, then post in desperation... and then get it to work. :mad:

I simply set the titlebar positioning to absolute and the top margin of the content and menu areas to the height of the titlebar, and it worked.

Oh well.

Now, if only position: fixed worked in IE...

::] krycek [::

Another approach is to have three absolutely positioned divs and use bottom and right properties instead of width and height (or yeah, if only that worked in IE :D :D :D )
Though with a bit of JavaScript you can make it work in IE.....
You can poach the code here: (site is still under construction)
www.klproductions.com/TemplateT1.html

...bottom and right, eh? hmmm... I might try that :)

thanks vladdy :)

::] krycek [::