...

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



bauhsoj
04-22-2007, 06:40 AM
I was examining some 3-column layout methods using CSS and happened upon one that worked very nicely:
http://alistapart.com/articles/holygrail

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

JUD
04-22-2007, 01:55 PM
Looks fine in IE7 here.

koyama
04-22-2007, 03: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.

bauhsoj
04-23-2007, 07: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?

Excavator
04-23-2007, 04: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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum