Hi All,
I was having a look at the article on ALA - the Holy Grail :
http://www.alistapart.com/articles/holygrail

Although i normally have set layouts I use, I decided to test out various methods including this one here - in doing so i canme acrosss a problem that was not mentioned here:

It works great in Firefox & Opera but as i am on Vista i have not been able to test IE6 (which the workaround seems to be for). IE7 does not like the hack and the left column :

#left {

width: 200px; /* LC width */
margin-left: -100%;
right: 200px; /* LC width */
}

and the hack:

* html #left { left: 150px; /* RC width */}

do not seem to work. As in the left column seems to be still offset negative. What is the fix for this for IE7 (and even IE 8) and could anyone satify my curiosity totell me why this wont work?

Thanks

IE8 is still in beta and when it is FINALLY released it SHOULD be in line with Firefox (standards compliant). I would NOT make a big deal out of IE8 at this point in time, but hacks should NOT be needed.

It is well known that the *html hack makes IE7 choke, and therefore should NOT be used. You need conditional comments to target separate css files for IE6 and IE7 - 1 css file for each. The only thing that needs to be in those files is JUST the 'fixes' or hacks if you prefer, to make the browser do right.

You might want to troll this here for answers to your questions: http://www.positioniseverything.net/index.php.

That ALA article was written well before IE7 was around.