alignment with 3 columns style

ias0nas · Joined: 09 Jan 2006 Posts: 3

Hello,

I have a page that is a 3 column style with a header over them

I can't seem to have the columns aligned in the center of the page

The third column never gets aligned properly, unless I set everything (borders and margins) with actual pixels (and not %), but then I only get the right result for one screen resolution

I haven't found any tutorial online that describes how to do this, does anyone have a link or sample css?

Thank you

gary.newelluk · Posted: Thu Jan 12, 2006 3:51 pm

Its not particularly easy to do with css. Very easy to do 2 column liquid templates but 3 column ones take a bit of effort because of browser inconsistencies.

I created a kind of template creator on my site but its slightly flawed (I didn't spend long enough on it).

Visit the site and try it out and see if it helps.

Make sure that if you select a left and right column that you specify a width for the columns.

Hope it helps.

fairdoes · Joined: 05 Aug 2005 Posts: 39 Location: u.k.

You could use a 3 column (x)html table and do everything else with css. It works for me.
Smile

Corey Bryant · Posted: Thu Jan 19, 2006 4:31 am

I have yet to go a a fluid layout with CSS - I usually do things with a fixed layout since it is usually a bit easier to make sure everything is laid out properly.

But check out CSS Layouts, The Fluid Three-Column CSS, and Glish: Look Ma, No Tables always has some great examples.