11 Untitled

I wrote a similar article one month ago, you can find it at http://www.blextar.net/index.php?post=47 . It’s still easy and requires just the box-model and Holly hack, but it involves absolutely positioning.

The idea was originally from the book “Css Hacks&Filters;”.

posted at 07:53 am on January 31, 2006 by luca rossi

12 file under flames, trolls and wood nymphs...

I love ALA and all these great css discussions. This code is excellent and very clever… as long as it’s viewed in the latest browsers. Shove it into IE5 and it’s worse than useless.

I’m really in two minds about all this. You guys are quite right to be exploring the limits and capabilities of css but it’s all academic until you can come up with something that really is bullet proof in all browsers. It’s lovely for us with our up-to-the-minute browsers but many people still use the old technologies and sometimes I think you forget that.

So out in the real world we’re stuck with having to use tables for structure and css for typesetting! Or ignoring the older browsers, which I don’t think is good enough.

btw mike – the wild word spacing is what happens when you specify justifed type. Nasty, innit?

posted at 08:01 am on January 31, 2006 by harry sutherland-hawes

13 Typical

Great article, as much as i agree that CSS has a little way yet before this type of layout is solid enough for everyday use, (CSS 3.0 looks promising, but only if browser support takes up the slack) i still think these bounderies still need pushing to help further the development and wider spread use of more usable CSS.

I just love the minimalised approach of this layout. Definatly added to my resource archive ;)

posted at 09:02 am on January 31, 2006 by Derek O'Brien

14 Almost perfect

Nice article, but as Harry has said, I think it should have some kind of fallback built in for IE5, and also IE5 on the Mac – even if it was just a message that only these browser could see advising to upgrade to a decent browser!?

Without this it’s a bit of a stretch to call it the Holy Grail, although it is close!

posted at 09:15 am on January 31, 2006 by James Greig

15 ha !

I can do the same with tables !

posted at 10:24 am on January 31, 2006 by danny j

16 Sorry Not the Holy grail

Have you even tested this technique in IE5 or IE5.5??

Your layout completely falls apart.
I haven’t tested IE 5.3 on Mac but i bet it falls too.

I have a CSS 3 col layout which DOES work in IE 5, IE5.5, IE5 on Mac, Firefox v1.0 , Netscape 7, Opera, the list goes on.

According to my browser stats A LOT are still using IE5, we still need to support some old browsers.

Needs some more work I’m afraid.

posted at 10:26 am on January 31, 2006 by Matt Hamm

17 Untitled

To be fair if you read the article it does say “The technique works in all modern browsers: Safari, Opera, Firefox, and (with the single-rule hack at the bottom) IE6. IE5.5 support would require at least a box-model hack, which is left as an exercise to the reader.”

posted at 10:34 am on January 31, 2006 by James Greig

18 Untitled

There’s too much complaining going on here. Levine’s Holy Grail version is great, and it does (gasp!) work in newer versions of IE. W3Schools is showing only about 5% of users are still on IE5, and since that percentage is declining at about $5 every year, I’m sure they can deal.

Great article and great layout.

posted at 11:21 am on January 31, 2006 by Andrew Peace

19 Using Firefox 1.5/Win the right column sinks to th

I can post a screenshot if needed..

posted at 11:40 am on January 31, 2006 by Marek Möhling

20 Issues with macIE

This is a great layout. I’ve been working on one that works very well in all browsers, but there are a lot of tags in it. I love the simplicity of this. Anyway, I thought you would like to know that macIE moves the left column to the right about 1/8 of the screen. I tried some quick work arounds for it, but nothing worked. I’ll work on the layout when I get some time and see what can be done to improve compatibility.

posted at 11:58 am on January 31, 2006 by Jonathan Shroyer