how do i write an IE hack?

anna · 03-11-2010, 02:59 PM

I need to change the placement of an element on my page specifically for IE. How do I write a rule that will target just IE's placement of this element?

For instance:
Here is the code for FF

.sepsci {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
color: #7f7f7f;
position: absolute;
left: 647px;
top: 105px;
}

I need to move the left value 10 px to 657px instead of 647px for IE. How do I write this rule? Thank you for any help!

PixelPusher · 03-11-2010, 03:28 PM

The code for a conditional statement in IE is written like this:

HTML Code:

<!--[if condition]>  HTML <![endif]-->

Pretty much saying, "if this is IE, add this html markup, otherwise add nothing."

anna · 03-11-2010, 04:19 PM

Thanks Pixel! I googled it too, (gotta love google) and finally got it to work!

It is surprisingly easy!!

Whoo hoo My pages look right in different browsers!

darrenfox · 03-11-2010, 11:02 PM

I also like CSS hacks, mainly for that damn IE6. Simple use an underscore before the property. For example:

#box {
padding: 10px;
_padding: 6px;
}

gerdonhanry · 03-12-2010, 12:08 PM

When I have some CSS that just won't work in IE, I see if adding a ZOOM property of 1 (one) will help:

Launch code in new window » Download code as text file »

* div {
* zoom: 1 ;
* }

I have to say, 90% of the time, this fixes the display issues that I am having in IE... and, it does so without adversely affecting any of the other browsers (that I have tested). I guess you could call this an IE-hack since I believe the zoom property is only supported by Internet Explorer.

anna · 03-15-2010, 03:09 PM

I have a feeling I will be using these quite often!

Damn you internet explorer! *makes sign of evil eye*

03-11-2010, 02:59 PM	#1
anna Platinum Member Join Date: Jul 2009 Location: Michigan Posts: 501	how do i write an IE hack? I need to change the placement of an element on my page specifically for IE. How do I write a rule that will target just IE's placement of this element? For instance: Here is the code for FF .sepsci { font-family: Arial, Helvetica, sans-serif; font-style: italic; font-weight: bold; color: #7f7f7f; position: absolute; left: 647px; top: 105px; } I need to move the left value 10 px to 657px instead of 647px for IE. How do I write this rule? Thank you for any help!

03-11-2010, 03:28 PM	#2
PixelPusher Super Moderator Join Date: Oct 2008 Location: Arizona, USA Posts: 1,050	The code for a conditional statement in IE is written like this: HTML Code: <!--[if condition]> HTML <![endif]--> Pretty much saying, "if this is IE, add this html markup, otherwise add nothing." __________________ John Darling Graphic / Web Designer SmarterTools Inc. (877) 357-6278 www.smartertools.com

03-11-2010, 11:02 PM	#4
darrenfox Bronze Member Join Date: Jul 2008 Location: Illinois Posts: 85	I also like CSS hacks, mainly for that damn IE6. Simple use an underscore before the property. For example: #box { padding: 10px; _padding: 6px; } __________________ Darren Fox Small Business Web Design

03-12-2010, 12:08 PM	#5
gerdonhanry New Member Join Date: Feb 2010 Posts: 3	When I have some CSS that just won't work in IE, I see if adding a ZOOM property of 1 (one) will help: Launch code in new window » Download code as text file » * div { * zoom: 1 ; * } I have to say, 90% of the time, this fixes the display issues that I am having in IE... and, it does so without adversely affecting any of the other browsers (that I have tested). I guess you could call this an IE-hack since I believe the zoom property is only supported by Internet Explorer. __________________ Web Design Kent

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

03-11-2010, 04:19 PM	#3
anna Platinum Member Join Date: Jul 2009 Location: Michigan Posts: 501	Thanks Pixel! I googled it too, (gotta love google) and finally got it to work! It is surprisingly easy!! Whoo hoo My pages look right in different browsers!

03-15-2010, 03:09 PM	#6
anna Platinum Member Join Date: Jul 2009 Location: Michigan Posts: 501	I have a feeling I will be using these quite often! Damn you internet explorer! makes sign of evil eye