I should admit right away that I'm not a web designer, but I've been playing
around trying to re-make my website without using tables. What I'm asking
for here is not a complete tutorial, but perhaps a friendly point in the
I have created a page with tables arranged with three columns that I'm
generally satisfied with. It's at:
I like the way this page looks, although it's not fluid in all browsers. (I
design on a Mac and it looks great with IE 5.1 for OS X.)
If you would click on "Test" in the left hand menu, you'll be able to see a
couple of my CSS attempts. As you will see, I've been able to roughly
replicate my page using only CSS.
My questions is: How can I get a third "column" in a layout? (Similar to my
home page.) I've been trying, without any success, to set the width for
three boxes at roughly 20%, 50%, and 30%. I want them to sit side-by-side,
and to resize automatically as the window is resized.
Can I do this? Thanks for your help!