Show CSS only in IE

jmcg · Apr 30, 2008

I have been googling to find the solution to this and have tried the star hack but cannot seem to get it to work.

Code:

* html body div#local ul {
	margin-left:20px;
	list-style: none;
}

#local ul {
	margin-left: -15px;
	list-style: none;
}

I have tried all permutations on the * line but each time it still views the -15 and the text is out of line.
Any suggestions, don't know much about this level of CSS as it is a open source template i'm using.

ChrisHunt · Apr 30, 2008

Which version of IE? The star hack only works on version 6 and earlier. If you need to target all versions of IE you'll need to use conditional comments (in the HTML, not the CSS unfortunately)

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

BillyRayPreachersSon · Apr 30, 2008

The star hack only works on version 6 and earlier.

The star hack works in IE 7 as well as previous versions. The underscore hack doesn't work in IE 7.

Try this FAQ for more on conditional comments:

faq215-6625

Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

jmcg · Apr 30, 2008

Thanks, worked with doing the:

in the header.

ChrisHunt · Apr 30, 2008

The star hack works in IE 7 as well as previous versions.

Not true.

Try loading this document in IE7:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">[/URL]
<html xmlns="[URL unfurl="true"]http://www.w3.org/1999/xhtml">[/URL]
<head>
  <title>Star Hack Test</title>
  <style type="text/css">
    * html span { display: none; }
  </style>
</head>
<body>
  <p>I've <span>not </span>been star hacked!</p>
</body>
</html>

You'll see it says the same as Firefox does: "I've not been star hacked". Try it in IE6 and the "not" disappears.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

BillyRayPreachersSon · Apr 30, 2008

That's a different star hack. I'm talking about this one:

Code:

someRule {
   _applyToIE6andBelow: me;
   *applyToIE6andIE7: me;
}

Dan

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

ChrisHunt · May 1, 2008

Ah, that explains it. I was talking about the star hack that the OP was using.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

BillyRayPreachersSon · May 1, 2008

That'll teach me to read the original post before answering! ;-)

Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Show CSS only in IE

jmcg

Technical User

ChrisHunt

Programmer

BillyRayPreachersSon

Programmer

jmcg

Technical User

ChrisHunt

Programmer

BillyRayPreachersSon

Programmer

ChrisHunt

Programmer

BillyRayPreachersSon

Programmer

Similar threads

Part and Inventory Search

Sponsor