positioning <div> to create layout

Question

So the HTML is divided using divs obviously

...
<div id="left">
content
</div>
<div id="right">
content
</div>    
<div id="main">
content
</div>
...

I would like to create a layout using CSS that gives us three columns.

|      |            |      |
|      |            |      |
| left |    main    |right |
|      |            |      |
|      |            |      |

The trick is that I would like the main part to be centred and 60% of width. Left and right to be 20% width.

There will be no images just plain text.

Answer 1

There are lots of tutorials out there fore creating three column layouts, either fixed widths or flexible, fluid columns like you've asked for.

This is a good tutorial with a range of different layouts that should help you get started.

http://matthewjamestaylor.com/blog/ultimate-multi-column-liquid-layouts-em-and-pixel-widths