HTML css

[unclesirbobby]

Hi

I am trying to learn css styles a little more. I have made this website with three columns.

http://scarboroughphotos.110mb.com/surfers/surfcity.php


The columns are made with tables but I am trying to remake the site without tables. How could I remake the site with three columns using divs.

1. the left colum is 109px
2. the right column is 109px.
3. the middle column would be about 400px

Hopefully the site would also align itself to the centre when the browser was expanded. I have tried to look through examples to see how they centre the entire website in the middle of the page. Is it linked to auto?

For the columns do I use the left margin to set the left point?

[jazzer01]

This should be in the CSS forum, not the PHP forum

But nevertheless, to center align three colomns, you would do this:

<style>
.container {width:624px;margin:0 auto 0 auto;}
.colleft {width:109px; float:left;border:1px solid black}
.colmid {width:109px; float:left;border:1px solid black}
.colright {width:400px;float:right;border:1px solid black}
</style>

<div class='container'>
<div class='colleft'>This</div>
<div class='colmid'>Is</div>
<div class='colright'>A Test</div>
</div>

[unclesirbobby]

Thanks

sorry to get the wrong forum. Tried to find the html forum. Its actually the web design forum.