Comments on: XHTML column frameworks

by: rowery

Tue, 14 Aug 2007 05:11:57 +0000

Excellent, thanks steve.
It sure beats my complex photoshop template grid file.

by: chainsaw

Tue, 24 Jul 2007 16:20:58 +0000

I’m glad to find someone else who agrees that it’s all about the structure of the page. I do freelance website design, and I have clients who don’t understand why I keep saying everything needs to be in columns or tables. They don’t get the idea that having an underlying structure, even if it includes columns or table rows that aren’t used, is a good thing because it keeps everything in place. I do have to admit, though, that I’ve stopped using tables now that I have Microsoft Expression. The layer ability seems to keep everything where it should be while allowing for overlapping content. Also, as Effendy pointed out, with so many different screen sizes and resolutions out there, nearly everyone wants their website fluid so it adjusts to everyone’s screen size and looks halfway decent for everyone, so while fixed columns are a good idea sometimes, I’m not sure how much longer they will be around in web design.

by: Charlie

Fri, 23 Mar 2007 14:33:25 +0000

Great write-up. It’ll definitely come in handy. I printed out a copy of the different permutations, and put in my reference file.

by: paul

Mon, 05 Mar 2007 10:26:55 +0000

Yes, 780 is very borderline when it comes to 800×600 - it can cause scrollbars on some browsers (particularly those with sidebars) - but this often comes down to user preferences.

760 does not divide down into 3 or 6 - that’s why it’s not here. I’ve concentrated on those that divide down into neat, whole numbers.

by: dylan

Sat, 03 Mar 2007 18:44:23 +0000

I’d like to see one for 760, as 780 will almost cause a scrollbar in 800×600 and I like to have 10px on each side for drop shadows.

by: links for 2007-03-02 « Richard@Home

Fri, 02 Mar 2007 05:20:04 +0000

[…] PE » Blog Archive » XHTML column frameworks A couple of column layout templates (tags: column css design reference templates) […]

by: paul

Thu, 01 Mar 2007 14:58:47 +0000

Thanks ‘Effendy’. These dimensions are just for fixed size designs. If you want liquid layouts you’ll have to respecify everything (or the columns you need) as percentages. Which is obviously easier as internal columns can be 33% for 3, 25% for 4 and so on.

The fixed Vs liquid (or fluid) structure is an interesting debate, perhaps I’ll blog on that one soon!? :-/

by: Effendy

Thu, 01 Mar 2007 14:42:41 +0000

As simple & logical as it is, this is brilliant!! Will be very helpful for our projects.

Just off the top of my head, I think if the measurements are in percentage (eg. 720=72%) the layout would be liquid. Right?

Thanks again.

by: Column Frameworks at ExplodingBoy

Thu, 01 Mar 2007 14:37:20 +0000

[…] Here’s a handy list of some common column structures, each with a useful diagram. […]

by: XHTML Column Structures at Steven Tew

Thu, 01 Mar 2007 13:07:52 +0000

[…] Newspapers all run on complex column grid systems. Websites are really no different. Paul Evans has published a list of the most common column structures you’re likely to use when designing a web site, each with a useful, quick reference diagram. XHTML column frameworks […]