PDA

View Full Version : 3 Column CSS Layout


Stephanie
01.19.06, 02:22 PM
A moment of your time, please:

http://pleasewipeyourfeet.com/testorange/test2.htm

This is the ugliest thing I've ever put together, but it's really the source that matters and not the look of the page itself. It is a fluid 3 column design done all in CSS that works in most of the major browsers. I've tested it on quite a few things: IE5 Mac, Opera, Safari, Firefox/Mozilla, Netscape 7, and IE5+ for Windows. The only thing that doesn't work in all browsers is the centering of the banner up top. I didn't really care so much about that when I did it...I was going more for the fluid 3 columns. When I use this, I tend to put the actual top banner in the middle column; saves me some headaches and it actually gives things a cleaner look to me.

Feel free to copy, paste, and butcher the CSS and the HTML to your hearts content. I offer this free of charge. I have to do something for you people.

Also, if you link this anywhere, please put a link back to glasswings.org (http://glasswings.org) with it. Since I'm offering hosting, people who are interested in this may also be interested in that.

DigitalDoodler
01.19.06, 03:12 PM
Thanks!

I know that when I designed a site with 3 columns with CSS, I found a website that offered the code (for free, with permission). But your's seems to be a lot better. I'm sure a lot of people could really use this.

Dre
01.19.06, 05:16 PM
Great layout Stephanie, I hope it helps folks, it would have definitely helped me when I started coding compliant xhtml and css.

Koobi
01.25.06, 01:14 PM
nice of you to share this Stephanie.

i think i will move this to the new "Learn" category.

krustie
02.02.06, 08:48 AM
Nice Layout and thanks for sharing! =)

mercy1
07.28.06, 04:16 AM
Yours is a useful one really. I hope so many will read from the link you have given and will benifit from it.
Anyway thx and cheers!!!!!!!!!!!

twodayslate
07.16.07, 10:32 AM
http://bonrouge.com/3c-hf-fluid-lc.php

PosterManiac
04.16.08, 06:30 PM
http://bonrouge.com/3c-hf-fluid-lc.php
Very nice design may i ask if you used fireworks and did psd to html?
Just wondering cause i want to learn how to make this also

a4hire
04.23.08, 01:40 PM
This is not mine but a nice exmaple and good code. Free to use.
http://www.strictlycss.com/examples/three-column-layout-7.asp

eos
04.23.08, 03:11 PM
yeah, that's pretty good.. i think i've used that before