Vos Virtual Network » 3 column layout

CSS – Three Column Layouts

admin — Sat, 11 Mar 2006 19:03:02 +0000

Still looking for the perfect 3 column layout done correctly with web standards and CSS? Bob Easton has compiled a list of CSS based 3 column layouts, and provides some analysis. The CSS Discussion Group and Wiki (hosted by Incutio) has tons of great CSS information if you are getting serious about CSS (like I am trying to do.)

Boy am I on a goose chase today… and I hope I catch the one that lays the golden eggs! This research about CSS lead me over to Big John Gallant and Alex Robinson and the Position Is Everything website. Big John has a link over to a tool that generates a layout based on what you want and how you specify it. Alex and John talk about a lot of CSS bugs, and quirks in various browsers, as well as pitfalls to avoid as you continue in Search of the One True Layout.

Mark Newhouse has a nice three column layout (CSS and html design pattern) that also iplements a header and footer. (Wow – looks like he wrote this article back in 2002.) I have been doing layouts like this for years with tables, inside of tables, inside of tables… (Sounds like I am confessing my sins again — for not following web standards.) With the advent of Firefox 1.5, Opera 9, MS-IE 7, and NN7 – these things are changing.

Mark has not updated his Real World Style blog since May 5, 2005 — but as of this writing, most of the material is way ahead of where most people are at anyway.

Hey, a bunch of you lurkers are laughing at me, but when are you going to update your old web pages that have all that crufty old html junk, styles, and design patterns from 1995?

Re-tooling my homepage with cool CSS hacks

admin — Sat, 11 Mar 2006 16:01:57 +0000

This morning, I was looking at some cool multi-column CSS hacks over on glish.com. One of the articles talked about a makeover the author did for Noah Grey. I’ve been reading about the concept of doing a CSS and web-standards makeover since reading how Wired magazine did their makover about 4 years ago… So this is not a new concept for me. I really like the concept of following web standards. Normally I follow web standards for simple layouts… but then I fall back to using tables if some shlocky old browser will not behave… It’s just that everytime I try it, it works great for one or two browsers, and then some other browser really messes up the layout. (Feels like I am confessing my sins.) So over the past few years, I have studied the concepts of cascading style sheets ( CSS1 and CSS2 ) and web standards, and tried to find the perfect layout techniques to do 3-column layout — without tables inside of tables and all that old cruft.

I enjoyed the CSS articles from glish and I really like the new Noah Grey web-site because it is a really clean page layout and I think his music page is interesting (but I have never listened to any of the music, so can’t recommend it.) [Note: J.V. says be careful what you recommend.]
This also led to a couple nice articles and example layouts over at bluerobot.com, and the cool 3 column layout example.

So I’m getting ready to re-tool my vvn.net homepage with some cool new CSS tricks — but I also need to fix some broken RSS feeds and test with some more browsers. I’ll let you know when the major upgrade is complete.