41 Impressive

It’s so simple that you would think every CSS-coder on Earth would have thought of it. Good article. ALA just keeps on packing in the great articles.

posted at 04:15 pm on January 31, 2006 by Matthew Fehskens

42 Same errors for me, and another new one

With IE6 (6.0.2800.1106) I also get the left column vanishing problem when resizing vertically until I resize it horizontally. Even more, if I try to reduce the window beyond 550 horizontal pixels, instead of getting a horizontal scrollbar, the left column overlaps the central one. So even as I’m currently adressing modern browsers with my site, I think it’ll be using my homemade bullet-proof ugly solution (a table for the 3 columns, and CSS for all the rest) for some time more.

posted at 04:17 pm on January 31, 2006 by Sergi de Pablos

43 Probably needs the Holly Hack ?

I’m betting the disappearing or flickering left column is actually the peekaboo bug or something very similar. You can read more about it here: http://www.positioniseverything.net/explorer/peekaboo.html

The Holly Hack, as below edited for this style sheet, may fix it. I couldn’t get a CRLF in when adding this text. Add one at the * html below:
/* Hides from IE5-mac \*/ * html .column {height: 1%;}
/* End hide from IE5-mac */

posted at 04:26 pm on January 31, 2006 by Lance Jurgensen

44 One table for structure

I agree with Sergi de Pablos: “So even as I’m currently adressing modern browsers with my site, I think it’ll be using my homemade bullet-proof ugly solution (a table for the 3 columns, and CSS for all the rest) for some time more.”
Meanwhile i bookmarked this article because nothing is better than these kind of articles to learn more about the ‘inner secrets’ of CSS.

posted at 04:29 pm on January 31, 2006 by Hans Verhaegen

45 Holy Grail really just another Cup

It has been my experience that there is no magic silver bullet for markup utopia. That Idea sir is a myth and to seek it folly. An interesting article but i’ll stick with my negitive margins. If one person uses extra divs in one method and other person uses exta divs in their method… ads up to one hill of beans.

posted at 04:34 pm on January 31, 2006 by Richard Anderson

46 Not working in NN 7 and Opera 7 on Win

Maybe not the most popular browsers around, but still. Opera 7 only shows the header and the footer. The scrollbar gives the impression that the three columns are sitting somewhere deep down, but no, no sign of the three cols.
In NN 7, also only the header and footer, no sign of the three cols.

posted at 04:34 pm on January 31, 2006 by Hans Verhaegen

47 Untitled

The right column dropping down in Firefox can be cured if min-width is increased by 1px to 631px – may cause other problems?

In my view this Holy Grail is no such thing until the left column is fixed in IE 6 (not that I use IE 6!).

posted at 04:38 pm on January 31, 2006 by Martin Halford

48 What does it buy you?

I’ve been studying CSS page layout for several months now and I’m am pretty much onboard with most everything even the zealots argue using CSS for. However, in the case of columns, although the technique presented here is the best I’ve seen, what does it buy over simply using a three-column, two-row table (where the second row colspan’s the three columns for the footer. This table would be positioned from the top of the screen (so that no other tables are required for header mark up).

Using a table doesn’t require the fiddly arithmetic that CSS does (shouldn’t CSS support some sort of variable declaration someday?), it works in all browsers, and provides far reduced coupling with disparate pieces than the CSS method does.

Help me get it! Thank you very much.
rp

posted at 05:30 pm on January 31, 2006 by Roger Pence

49 Not bad...

There is still one problem with this layout, the content has to push the footer to the bottom of the broser window. If you take out all the dummy text, footer just comes up to the upper third of the browser window.

Until such a layout lays the footer at the bottom of the browser window when there is no or little content, there is no holy grail found, without hacks and other high maitenance methods.

posted at 05:31 pm on January 31, 2006 by Joe Murphy

50 * html?

Forgive me if I am misunderstanding something, but doesn’t this have the potential to break in IE7, due to the use of * html?

posted at 05:45 pm on January 31, 2006 by Brent Hagany