using css for layout

[bigcol]

How do I create a style sheet that will have one header column and two other colums underneath for a menu bar and the other for site content.

I want to recreate the look of

http://www.shildon.co.uk

using style sheets if possible

Bigcol

 

[Wullie]

Hi mate,

I am not sure what you mean and the link is broken..

Hope this helps Wullie

http://www.freshlookdesign.co.uk

http://www.searchit-now.co.uk

http://www.survivorhelp.co.uk

 

[bigcol]

sorry the url is

http://www.shildon.gov.uk

I wish to re create the site using style sheets for the layout.

 

[Wullie]

Hi mate,

That site is already using CSS..

Can you explain what you mean?

Hope this helps Wullie

http://www.freshlookdesign.co.uk

http://www.searchit-now.co.uk

http://www.survivorhelp.co.uk

 

[starway]

Hi bigcol,

Read this:

http://webreference.com/authoring/style/sheets/layout/advanced/

 

[petey]

Here's a drastically simplified, standard "hockey stick" CSS layout:

<style>
#header{background-color:#009;color:white;min-height:70px;}
#contents{float:right;width:80%;min-height:300px;background-color:white;color:black;}
#navbar{background-color:#900;color:white;min-height:200px;width:20%;}
#footer{clear:right;background-color:#090;color:white;min-height:50px;}
</style>

<div id=&quot;header&quot;>
...header contents...
</div>
<div id=&quot;contents&quot;>
...actual contents...
</div>
<div id=&quot;navbar&quot;>
...nav contents...
</div>
<div id=&quot;footer&quot;>
...footer contents...
</div>

petey