Converting Table to CSS

Having trouble with a certain nested table.

[nanabite]

Hi Guys,

I've decided to convert my site from a table based layout into CSS (or as much as I can). I'm having trouble working out what to do with this particular table though:

<table>
<tr> 
        <td style="vertical-align:top">
        <!-- [left-blocks] -->
        </td>
        <td style="vertical-align:top;width:100%">
        <!-- [center-blocks] --><!-- [modules] -->
        </td>
        <td style="vertical-align:top">
        <!-- [right-blocks] -->
        </td>
</tr>
</table>

My site is www.aussiepythons.com - this is the table which positions the left and right blocks and keeps the content in the middle.

Any assistance would be appreciated.

[le_gber]

hello nanabite and welcome to WebmasterWorld

what you are looking for is a "css three column layout" - try googleing it ;-) - some tutorials will be using absolute positioning and other won't.

if you add - holy grail - at the end of your quesry you will find other tutorials.

also for future reference - giving your website URL is against this forum TOS - but no worries it's a mistake I also made when starting here - a mod will remove it from your post.

hope this helped

[nanabite]

Thanks mate - I'll get searching :D

And thanks for the tip on the URL thing, I really should start learning to read the rules before I start posting at places.

[le_gber]

hi nanabite,

no worries, happy hunting!