Defining column widths

[PapaGeek]

I’m an old table design guy being dragged kicking and screaming into the CSS positioning world - - - and I’m still confused!

Seems as if different browsers handle this issue differently!

I want to create a layout which is 960 pixels wide with 3 columns of content under the company banner. The outer columns are designed to be 150 pixels wide each, so the center column should be 660.

I don’t want the content to be flush up against the side of the page and the use of margin and padding is added to the width that I define for my DIV elements.

One way is to key the right and left columns before the center column, float them right and left and the center become “whatever” is left over. That just doesn’t seem precise to me.

What is the correct way to define my columns as DIVs and define each with an absolute size?

[meesa]

Give them all a width, float them all left. Use a faux image if you want them the same height.