Search Options
close
Search the following clips:
All Clips
Everyone's Clips
My Guides
Sign Up
Install
Learn More
Login
Showing CSS to IE only (The Underscore Hack)
SoftYare
follow
0
8-8-2007 12:36 PM
2497 views
tags:
css
,
ie
,
firefox
,
difference
,
ie only
,
hack
Add a Comment
Login
to Comment. Not a member yet?
Sign up
Today's Top Clips
'The wisest reflection I've seen on Ft. Hood so far ...'
Tropical Ocean Photography
Women fined for feeding ducks
$1 billion scam
The Perfect Example
McCain Campaign Emails Contradict Palin's "Going Rogue"
Predatory Coral Eats Jellyfish
Eight of the World’s Most Unusual Plants
Ladies of Arlington Never Miss Final Salute
First U.S. Marijuana Cafe Opens in Oregon
visit the
Top Clips page
View the Top Clips from
August 8, 2007
Embed This Clip In Your Site...
<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/bfe2fac3-0715-4b17-b5da-0a88cfd9248c/AF505C09-0897-4649-9E77-BFE78079459E/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack" href="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack" style="font-size: 11px;">www.noscope.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><H2 id="post-717"><A title="Permanent Link: Showing CSS to IE only (The Underscore Hack)" rel="bookmark" href="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack">Showing CSS to IE only (The Underscore Hack)</A> </H2></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><P>It allows you to show <SPAN class="caps"><SPAN class="hilite">CSS</SPAN> </SPAN>to Internet Explorer <EM><SPAN class="hilite">only</SPAN></EM>, omitting Mozilla, Safari and Opera.</P></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><li style="margin-left:16px;padding-left: 0px;">It allows you to write conditional <SPAN class="caps"><SPAN class="hilite">CSS</SPAN> </SPAN>directly in your stylesheet file, and doesn’t require inline styles</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><li style="margin-left:16px;padding-left: 0px;">It works for <SPAN class="hilite">IE</SPAN> 5.0, 5.5 and 6.0</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><li style="margin-left:16px;padding-left: 0px;">It’s a hack</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><li style="margin-left:16px;padding-left: 0px;">It’s very simple to work with.</LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><PRE>body { background: green; /* show to Mozilla/Safari/Opera */ _background: red; /* show to <SPAN class="hilite">IE</SPAN> */ }</PRE></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><H3>Cons</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><li style="margin-left:16px;padding-left: 0px;">The <SPAN class="caps"><SPAN class="hilite">CSS</SPAN> </SPAN>won’t <A href="http://jigsaw.w3.org/css-validator/validator?uri=http://www.noscope.com/downloads/code/underscore-hack.html">validate</A></LI></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://www.noscope.com/journal/2005/01/showing-css-to-ie-only-the-underscore-hack"><li style="margin-left:16px;padding-left: 0px;">The hack won’t work for <SPAN class="caps">IE5</SPAN>/Mac. For this platform, I recommend the <A href="http://www.stopdesign.com/examples/ie5mac-bpf/"><SPAN class="caps">IE5</SPAN>/Mac Band Pass Filter hack</A></LI></blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;"> </td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/AF505C09-0897-4649-9E77-BFE78079459E/blog/" title="blog or email this clip"><img src="http://content6.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>
New from the makers of Clipmarks:
Amplify.com - Don't just share the news...Amplify it!
Clipmarks
Home
New Clips
Top Clips
Dashboard
Popular Topics
News
Life
Science
Technology
Entertainment
Get Started
Sign Up
Install Clipping Tool
How Clipping Works
Clip-to-Blog™
ClipSearch
Tools and Resources
FAQ
ClipWeek
Top Clippers
Top Tags
Site Map
About Clipmarks
About Us
Contact
Copyright
Privacy
EULA
OK