Comments on: MS says De-Hack your CSS for IE7.. Really?!

By: Jason

Jason — Thu, 04 Jan 2007 06:24:20 +0000

Glad to help.. Feel free to ask other questions..

By: Dave

Dave — Thu, 04 Jan 2007 05:44:41 +0000

I’ve been re-learning web design recently(the last time I made a webpage I was using tables and spacer gifs….yeah), and IE is really pissing me off. It’s difficult enough for me to get my head around valid CSS, and the last thing I want to do is worry about which version of IE is going to screw up what.

Anyways, I haven’t started reading up on the different methods of fixing IE’s CSS interpretation, so thanks for the leads.

By: Jason

Jason — Sun, 24 Dec 2006 06:53:38 +0000

Hrmm Yet another WordPress bug I guess.. I’ll look into it.. maybe I should just rewrite it..

As to the IE dom bug.. Whoa.. Shocker.. heh I cant wait to hear about it.

By: Shawn

Shawn — Sun, 24 Dec 2006 06:27:28 +0000

Nice.

BTW: Your comments feed seems very hit-or-miss. The last comment you left on this post never showed up, but others show up (seemingly) instantly.

Incidentally, I may have found yet ANOTHER IE bug, which, once I verify it and make a demo page, will post… Has to do with its DOM “support” when it comes to cloning nodes.

By: Jason

Jason — Sat, 23 Dec 2006 18:18:18 +0000

Well IE6 had no clue how to correctly handle the !important tag. Example;

div {
width: 500px !important;
width: 100px;
}

All other browsers would show the div at 500px, but IE would redefine it as 100 basically ignoring the important tag completely..

SO yes the !ie_only hack works because it will go ahead and reasign it willy nilly, where as other browsers would see that its a malformed ! identifier and ignore it.

By: Shawn

Shawn — Sat, 23 Dec 2006 15:43:34 +0000

You should make a quick demo page and link to it from Css Hack on css-discuss: http://css-discuss.incutio.com/?page=CssHack

Does IE6 do the same thing, or IE7 only?

Either way…wow…you can almost hear the developer’s internal dialog, “Well, I don’t see why we have to match the word if no other word follows ‘!’ in CSS…yeah, that’ll work.”

Personally, I’ve drifted to the conditional comments camp. It makes maintenance a lot easier for me and doesn’t rely on unexpected behavior to work.

By: Jason

Jason — Sat, 23 Dec 2006 07:36:29 +0000

Bhahaha Not even 20 minutes later I have found one..

Evidently IE7 has issues with the !important identifier. If an illegal name is used in stead of important internet explorer will still render it as important.. So basically in side any style block you may include properties that are intended to be rendered in IE only.

So you could say;
.someDiv {
width: 100px;
width: 50px !ie_only;
}

Thank you Microsoft.. =)