View Full Version : 3-column layouts in IE 7 using CSS

Apr 22nd, 2007, 05:40 AM
I was examining some 3-column layout methods using CSS and happened upon one that worked very nicely:

However, although this apparently works in Firefox and IE 6, is does not work correctly in IE 7. Anyone know what the quirk is?

Apr 22nd, 2007, 12:55 PM
Looks fine in IE7 here.

Apr 22nd, 2007, 02:47 PM
Anyone know what the quirk is?
Take a look at the discussion following that article. You will find that the problem is this hack:

/*** IE6 Fix ***/
* html #left {
left: 150px; /* RC width */
This hack was introduced to fix IE6's incorrect handling of percentage offsets. With the introduction of IE7 it turned out that the bug had not been fixed. On the other hand, the * html selector was abolished in IE7. Hence the problem. Only one bug was fixed. The immediate fix is simple: use conditional comments to feed all version of IE.

But this is the problem (http://www.digital-web.com/articles/keep_css_simple/) with hacking living browsers. The code is not forward compatible.

What will now happen in IE8? What styles should we feed it with? No one knows. The template is not mature for real-world web pages.

Apr 23rd, 2007, 06:05 AM
The template is not mature for real-world web pages.

Would you recommend another 3-column layout template that would fit the bill?

Apr 23rd, 2007, 03:23 PM
Goodmorning bauhsoj,
Check out ClevaTreva's 3-column pagemaker (http://www.positioniseverything.net/articles/pie-maker/pagemaker_2_9_home.html)
very cool