css page

[dangerousjohnny]

I'd like to do a page similiar to this:
_____________________________________________________
|........................HEADER..................................................................|
|____________________________________________________|
| _____... _________________________________ .. _______ ....|
| |.........|..|....Main news box...................................|...|............|......|
| |left....|..|...............................................................|..|.right..|......|
| |nav...|..|________________________________|..|..box...|......|
| |box...|..._______________....._______________...|.(long..|......|
| |......|.....|another box .........|...|.another box........|...|...est).|.......|
| |____|...|______________ |...|______________|....|_____|........|
|_____________________________________________________|
.

I've never seen any tutorial for this style. (sorry for the poor art work, the dots represent spaces)

EDIT How can I preformat the text? It's not aligning properly

[bradley317]

haha, 10 points for that diagram.

I'm not really sure what you mean, but there are loads of layouts available for you to have a look at at places like this...

http://cssvault.com/

[dangerousjohnny]

hehe, okay I found something similar:
http://www.sercotransarctic.com/home

Not that fancy, I just want it set up like the the top story & two underneath on that site, a header above, except I want a left & right nav box on the left & right sides... and a frame around the page.

[Paul O'B]

Hi,

Here's a basic example of a floated three column layout that you may be able to use.

http://www.pmob.co.uk/temp/3colexample.htm

The left and right columns are repeated background gifs to give the illusion of an equalising columns.

Paul

[dangerousjohnny]

Thanks! Now is there a way to put a frame around the entire page?

[bradley317]

yeah, just wrap the whole thing in a container div and give that the attributes that you want. Something like this...

http://intensivstation.ch/css/templates/temp09.html

[Paul O'B]

Or something like this

http://www.pmob.co.uk/temp/3colexample3.htm

Although I think this is more complicated than what you want.

(I've only done that quickly so its untested as yet)

Paul