<?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>brianirish.com &#187; CSS</title>
	<atom:link href="http://brianirish.com/category/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://brianirish.com</link>
	<description>Scientific progress goes *boink*</description>
	<lastBuildDate>Sun, 30 May 2010 02:43:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>CSS: Defensive Coding</title>
		<link>http://brianirish.com/2009/04/20/css-defensive-coding/</link>
		<comments>http://brianirish.com/2009/04/20/css-defensive-coding/#comments</comments>
		<pubDate>Tue, 21 Apr 2009 02:20:30 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://brianirish.com/?p=380</guid>
		<description><![CDATA[Too often are CSS coders developing down a narrow road, thinking only of what will get the job done. To them, cross-browser functionality comes as a chore after the intial coding is completed (and is rendering fine in Firefox 3/Safari). Clearly this should not be the case, defensive coding is a best practice not just [...]]]></description>
			<content:encoded><![CDATA[<p>Too often are CSS coders developing down a narrow road, thinking only of what will get the job done. To them, cross-browser functionality comes as a chore after the intial coding is completed (and is rendering fine in Firefox 3/Safari). Clearly this should not be the case, defensive coding is a best practice not just in functional languages, but in CSS as well. This article, sent by a colleague of mine, is a great introduction to this practice in CSS to prevent the most common browser (and non-browser) related bugs. <a href="http://fecklessmind.com/2009/02/02/defensive-coding-and-css-part-1/" target="_blank">Check out the article here.</a></p>
<p>"Don't fix, prevent."</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://brianirish.com/2009/04/20/css-defensive-coding/&amp;title=CSS%3A+Defensive+Coding" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://brianirish.com/2009/04/20/css-defensive-coding/&amp;title=CSS%3A+Defensive+Coding" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://brianirish.com/2009/04/20/css-defensive-coding/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-hackernews">
			<a href="http://news.ycombinator.com/submitlink?u=http://brianirish.com/2009/04/20/css-defensive-coding/&amp;t=CSS%3A+Defensive+Coding" rel="nofollow" class="external" title="Submit this to Hacker News">Submit this to Hacker News</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://brianirish.com/2009/04/20/css-defensive-coding/&amp;title=CSS%3A+Defensive+Coding" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://brianirish.com/2009/04/20/css-defensive-coding/&amp;title=CSS%3A+Defensive+Coding" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://brianirish.com/2009/04/20/css-defensive-coding/" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=CSS%3A+Defensive+Coding+-+http://sl.ly/3ec68&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://brianirish.com/2009/04/20/css-defensive-coding/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Safari: Table cells inheriting row backgrounds</title>
		<link>http://brianirish.com/2009/03/09/safari-table-cells-inheriting-row-backgrounds/</link>
		<comments>http://brianirish.com/2009/03/09/safari-table-cells-inheriting-row-backgrounds/#comments</comments>
		<pubDate>Mon, 09 Mar 2009 20:47:48 +0000</pubDate>
		<dc:creator>Brian</dc:creator>
				<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://brianirish.com/?p=351</guid>
		<description><![CDATA[I had the pleasure just now of working with tables (shudder), backgrounds, and Safari v3.2.1. In an attempt to acheive rounded corners on the top left and right of the table, I placed a CSS background property on &#60;tr class="head"&#62;. Safari apparently likes to make the child cells (&#60;td&#62;'s) of said row inherit the background [...]]]></description>
			<content:encoded><![CDATA[<p>I had the pleasure just now of working with tables (shudder), backgrounds, and Safari v3.2.1. In an attempt to acheive rounded corners on the top left and right of the table, I placed a CSS background property on &lt;tr class="head"&gt;. Safari apparently likes to make the child cells (&lt;td&gt;'s) of said row inherit the background image as well, because hey, sharing is caring. As it turns out, THAT'S NOT WHAT I WANT, SAFARI. Even Internet Explorer, the bane of many web developer's existances, has a workable hack. Safari does not.</p>
<p>So, my remedy? After sitting and stewing in anger, I followed <a href="http://www.designateonline.com/discussions/comments.php?DiscussionID=4818&amp;page=1" target="_blank">this advice</a> and gave in. I took the background property off of the table row and put it on its parent, the table itself. Problem <span style="text-decoration: line-through;">solved</span> averted.</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center shr-bookmarks-bg-shr">
<ul class="socials">
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://brianirish.com/2009/03/09/safari-table-cells-inheriting-row-backgrounds/&amp;title=Safari%3A+Table+cells+inheriting+row+backgrounds" rel="nofollow" class="external" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://brianirish.com/2009/03/09/safari-table-cells-inheriting-row-backgrounds/&amp;title=Safari%3A+Table+cells+inheriting+row+backgrounds" rel="nofollow" class="external" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://brianirish.com/2009/03/09/safari-table-cells-inheriting-row-backgrounds/&amp;imageurl=" rel="nofollow" class="external" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-hackernews">
			<a href="http://news.ycombinator.com/submitlink?u=http://brianirish.com/2009/03/09/safari-table-cells-inheriting-row-backgrounds/&amp;t=Safari%3A+Table+cells+inheriting+row+backgrounds" rel="nofollow" class="external" title="Submit this to Hacker News">Submit this to Hacker News</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://brianirish.com/2009/03/09/safari-table-cells-inheriting-row-backgrounds/&amp;title=Safari%3A+Table+cells+inheriting+row+backgrounds" rel="nofollow" class="external" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://brianirish.com/2009/03/09/safari-table-cells-inheriting-row-backgrounds/&amp;title=Safari%3A+Table+cells+inheriting+row+backgrounds" rel="nofollow" class="external" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://brianirish.com/2009/03/09/safari-table-cells-inheriting-row-backgrounds/" rel="nofollow" class="external" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Safari%3A+Table+cells+inheriting+row+backgrounds+-+http://sl.ly/d362&amp;source=shareaholic" rel="nofollow" class="external" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://brianirish.com/2009/03/09/safari-table-cells-inheriting-row-backgrounds/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
