Comments on: CSS hacks - Targetting IE7 http://www.thought-after.com/2006/11/css-hacks-targetting-ie7/ Web development and geeky stuff by Lafinboy Tue, 06 Jan 2009 05:02:45 +0000 http://wordpress.org/?v= hourly 1 By: Lafinboy http://www.thought-after.com/2006/11/css-hacks-targetting-ie7/comment-page-1/#comment-167 Lafinboy Mon, 05 Mar 2007 20:16:26 +0000 http://www.thought-after.com/2006/11/28/css-hacks-targetting-ie7/#comment-167 Hmm - conditional comments only work in IE browsers - maybe your implementation is wrong. Hmm - conditional comments only work in IE browsers - maybe your implementation is wrong.

]]> By: Conditional Comment http://www.thought-after.com/2006/11/css-hacks-targetting-ie7/comment-page-1/#comment-166 Conditional Comment Mon, 05 Mar 2007 17:42:51 +0000 http://www.thought-after.com/2006/11/28/css-hacks-targetting-ie7/#comment-166 Hi the conditional comment feature does not work for IE 7 Hi

the conditional comment feature does not work for IE 7

]]> By: GoofyDawg http://www.thought-after.com/2006/11/css-hacks-targetting-ie7/comment-page-1/#comment-165 GoofyDawg Thu, 25 Jan 2007 22:09:51 +0000 http://www.thought-after.com/2006/11/28/css-hacks-targetting-ie7/#comment-165 There's actually a hackless way to target any version of IE 7, called the "conditional comment" that is only available to IE, but is completely ignored by all other browsers. It's a hack in the sense that you're creating CSS specific to a browser type, but the advantage is that you'll always write valid CSS. Read about its use here: http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp What's great about this technique is that you can write your CSS for Firefox and other compliant browsers, then drop in a conditional comment with a new style block that will override your previous definitions. This makes your base CSS file portable and hackless. GoofyDawg There's actually a hackless way to target any version of IE 7, called the "conditional comment" that is only available to IE, but is completely ignored by all other browsers. It's a hack in the sense that you're creating CSS specific to a browser type, but the advantage is that you'll always write valid CSS.

Read about its use here:
http://msdn.microsoft.com/workshop/author/dhtml/overview/ccomment_ovw.asp

What's great about this technique is that you can write your CSS for Firefox and other compliant browsers, then drop in a conditional comment with a new style block that will override your previous definitions. This makes your base CSS file portable and hackless.

GoofyDawg

]]> By: Will http://www.thought-after.com/2006/11/css-hacks-targetting-ie7/comment-page-1/#comment-164 Will Tue, 16 Jan 2007 00:53:50 +0000 http://www.thought-after.com/2006/11/28/css-hacks-targetting-ie7/#comment-164 I'm a perfectionist so it's a bit annoying that the code isn't valid now but it's still not as annoying as the align problem was. I found a guide to one solution but it doesn't seem to work in my case. http://www.positioniseverything.net/bg-centering.html Is there really no other way...? I'm a perfectionist so it's a bit annoying that the code isn't valid now but it's still not as annoying as the align problem was.

I found a guide to one solution but it doesn't seem to work in my case.

http://www.positioniseverything.net/bg-centering.html

Is there really no other way…?

]]> By: Will http://www.thought-after.com/2006/11/css-hacks-targetting-ie7/comment-page-1/#comment-163 Will Mon, 15 Jan 2007 23:42:24 +0000 http://www.thought-after.com/2006/11/28/css-hacks-targetting-ie7/#comment-163 Thanks! This will be the only little tiny bit of code that isn't valid on my site because I've run into a problem in IE that can't be solved any other way. It's the one when you center the background in the body with background-position: center; and you center the header div with margin: 0 auto; and it ends up 1 pixel to the left in IE. Very annoying. They need to solve that! By the way does this work in previous IE browsers or is it just for IE7? Thanks! This will be the only little tiny bit of code that isn't valid on my site because I've run into a problem in IE that can't be solved any other way. It's the one when you center the background in the body with background-position: center; and you center the header div with margin: 0 auto; and it ends up 1 pixel to the left in IE. Very annoying. They need to solve that!

By the way does this work in previous IE browsers or is it just for IE7?

]]>