Previous Message
Next Message

[css-d] 3 equal-sized columns using CSS and NO tables...

Sent by Bill Walker on 13 December 2002 17:05


Hi.

I am quite new to style sheets and to this list.  I have been doing web pages the old-fashioned way
(hammering out HTML in Notepad) since 1995, so there are many things I don't quite understand yet
about CSS.

I am the web guy at a public library:

http://www.stockton.lib.ca.us

...and we are going to re-design our pages early next year.  I realize that it is now time to use
XHTML and style sheets and have been reading about it and trying to absorb as much as I can.  It
really does take a paradigm shift to think how to use style sheets instead of relying on tables and
hacks to get your web pages to look nice.  I have taken a couple of online classes and have read
most of Eric Meyer on CSS and Designing CSS Web Pages...

Anyway, I have a couple of experiment pages that I would like people to look at and then I will ask
a question.  The first page takes the 3-column "holy grail" example from glish.com and I tinkered
with the style sheet (in my beginner fashion) included in the <head> to try to achieve 3 equal sized
columns

http://www.geocities.com/williamewalker/css_intro/new_3_column_2.htm

As you can see it is very close, but the little thin borders on the side columns edge into the
center column.

Then I looked at the w3c.org site and re-worked its code a bit to get to some colors I like...and,
because it was done by experts, what I have displays fine and validates both XHTML and CSS.

http://www.stockton.lib.ca.us/w3c_layout/w3c_layout.xhtml

So, my question is this...How do you achieve 3 equal-sized columns using no tables and just XHTML or
HTML and CSS only?

Thank you in advance to any of the CSS wizards on this list who can offer some advice.  It seems
like it should be relatively easy, but I don't have enough CSS savvy to solve it.

--Bill Walker
  Stockton, CA  







---------------------------------
Do you Yahoo!?
New DSL Internet Access from SBC & Yahoo!
Previous Message
Next Message

Message thread: