CSS Frames Layout Problem

[raml]

Hello I am relatively new to CSS. I am looking to create a layout that resembles to:

http://extjs.com/deploy/ext-2.0-alpha1/examples/layout/complex.html

and/or

http://www.dhtmlgoodies.com/packages/dhtml-suite-for-applications/demos/demo-pane-splitter.html (http://www.dhtmlgoodies.com/packages/dhtml-suite-for-applications/demos/demo-pane-splitter.html)

However in order to use those I will have to know lots of javascript.

That is why I am trying to use CSS to create a CSS Frame layout for an intranet application. So far the best library I found is Dynamic Drive's CSS Templates.

I found one that I like:

http://www.dynamicdrive.com/style/layouts/item/css-left-top-and-bottom-frames-layout/ (http://www.dynamicdrive.com/style/layouts/item/css-left-top-and-bottom-frames-layout/)

However I would like the left frame to be under the header and footer, like in this example:

http://www.cssplay.co.uk/layouts/body4.html

It is just that I dont know how to modify it.

I attached an example of what I am trying to accomplish.

By the way I am using the CSS Frames layouts and not the css liquid layouts because I need the interface to fill the whole browser window.

Any help? or does any one knows where to find a better layout example for an intranet application like the first 2.

Thanks :eye: