<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Scott builds Software &#187; css</title>
	<atom:link href="http://scottpenberthy.com/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://scottpenberthy.com</link>
	<description>Musings on iPhone, Flash and the Cloud</description>
	<lastBuildDate>Tue, 28 Jun 2011 05:02:40 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Conditional CSS (almost)</title>
		<link>http://scottpenberthy.com/2008/12/03/conditional-css-almost/</link>
		<comments>http://scottpenberthy.com/2008/12/03/conditional-css-almost/#comments</comments>
		<pubDate>Wed, 03 Dec 2008 16:31:47 +0000</pubDate>
		<dc:creator>Scott</dc:creator>
				<category><![CDATA[Javascript]]></category>
		<category><![CDATA[css]]></category>

		<guid isPermaLink="false">http://scottpenberthy.com/?p=144</guid>
		<description><![CDATA[Today I was hacking IE7, working on formatting issues caused by relative positioning in CSS.  IE7 likes to ignore the negative X positions (e.g. left: -87).   While Googling around I stumbled across an elegant hack from Rafael Lima that let&#8217;s me specify different CSS depending on the browser.
Add their one line of JavaScript to your [...]]]></description>
			<content:encoded><![CDATA[<p>Today I was hacking IE7, working on formatting issues caused by relative positioning in CSS.  IE7 likes to ignore the negative X positions (e.g. left: -87).   While Googling around I stumbled across an elegant hack from <a href="http://rafael.adm.br/css_browser_selector">Rafael Lima</a> that let&#8217;s me specify different CSS depending on the browser.</p>
<p>Add their one line of JavaScript to your global JavaScript file, then use a class selector to specify different CSS options based on the browser.  Here&#8217;s an example in CSS that will change the color of a rectangle based on the browser you&#8217;re using.  Brilliant!</p>
<pre lang="css">
.ie .example {
  background-color: yellow
}
.ie7 .example {
  background-color: orange
}
.gecko .example {
  background-color: gray
}
.win.gecko .example {
  background-color: red
}
.linux.gecko .example {
  background-color: pink
}
.opera .example {
  background-color: green
}
.konqueror .example {
  background-color: blue
}
.webkit .example {
  background-color: black
}
.example {
  width: 100px;
  height: 100px;
}
.no_js { display: block }
.has_js { display: none }
.js .no_js { display: none }
.js .has_js { display: block }
</pre>
]]></content:encoded>
			<wfw:commentRss>http://scottpenberthy.com/2008/12/03/conditional-css-almost/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

