<?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>David Nash &#187; 1px</title>
	<atom:link href="http://davidnash.com.au/tag/1px/feed/" rel="self" type="application/rss+xml" />
	<link>http://davidnash.com.au</link>
	<description>Freelance PHP developer - builder of high-quality dynamic websites</description>
	<lastBuildDate>Sun, 25 Jul 2010 23:56:32 +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>1px high DIV in IE6</title>
		<link>http://davidnash.com.au/2009/02/1px-high-div-in-ie6/</link>
		<comments>http://davidnash.com.au/2009/02/1px-high-div-in-ie6/#comments</comments>
		<pubDate>Mon, 23 Feb 2009 02:57:47 +0000</pubDate>
		<dc:creator>David</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[xhtml]]></category>
		<category><![CDATA[1px]]></category>
		<category><![CDATA[high]]></category>
		<category><![CDATA[ie6]]></category>

		<guid isPermaLink="false">http://davidnash.com.au/?p=123</guid>
		<description><![CDATA[Very occasionally I&#8217;ll use an empty DIV for decoration, and in CSS use height: 1px.
In IE6 to make this work you need to put comments inside the DIV, otherwise it&#8217;ll display at the height of the font you&#8217;re using.
&#60;div class=&#8221;line&#8221;&#62;&#60;/div&#62;
becomes
&#60;div class=&#8221;line&#8221;&#62;&#60;!&#8211; &#8211;&#62;&#60;/div&#62;

You don&#8217;t need any line-height fixes in the CSS. Yes, it&#8217;ll add to your [...]]]></description>
			<content:encoded><![CDATA[<p>Very occasionally I&#8217;ll use an empty DIV for decoration, and in CSS use height: 1px.</p>
<p>In IE6 to make this work you need to put comments inside the DIV, otherwise it&#8217;ll display at the height of the font you&#8217;re using.</p>
<blockquote><p>&lt;div class=&#8221;line&#8221;&gt;&lt;/div&gt;</p></blockquote>
<p>becomes</p>
<blockquote><p>&lt;div class=&#8221;line&#8221;&gt;&lt;!&#8211; &#8211;&gt;&lt;/div&gt;</p></blockquote>
<div class="line"><!-- --></div>
<p>You don&#8217;t need any line-height fixes in the CSS. Yes, it&#8217;ll add to your markup a bit, but you should probably be explaining why you&#8217;re using meaningless, empty DIVs anyway.</p>



Share:


	<a rel="nofollow" target="_blank" href="http://del.icio.us/post?url=http%3A%2F%2Fdavidnash.com.au%2F2009%2F02%2F1px-high-div-in-ie6%2F&amp;title=1px%20high%20DIV%20in%20IE6" title="del.icio.us"><img src="http://davidnash.com.au/wp-content/plugins/sociable/images/delicious.png" title="del.icio.us" alt="del.icio.us" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.facebook.com/share.php?u=http%3A%2F%2Fdavidnash.com.au%2F2009%2F02%2F1px-high-div-in-ie6%2F&amp;t=1px%20high%20DIV%20in%20IE6" title="Facebook"><img src="http://davidnash.com.au/wp-content/plugins/sociable/images/facebook.png" title="Facebook" alt="Facebook" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://www.google.com/bookmarks/mark?op=edit&amp;bkmk=http%3A%2F%2Fdavidnash.com.au%2F2009%2F02%2F1px-high-div-in-ie6%2F&amp;title=1px%20high%20DIV%20in%20IE6" title="Google"><img src="http://davidnash.com.au/wp-content/plugins/sociable/images/googlebookmark.png" title="Google" alt="Google" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="mailto:?subject=1px%20high%20DIV%20in%20IE6&amp;body=http%3A%2F%2Fdavidnash.com.au%2F2009%2F02%2F1px-high-div-in-ie6%2F" title="E-mail this story to a friend!"><img src="http://davidnash.com.au/wp-content/plugins/sociable/images/email_link.png" title="E-mail this story to a friend!" alt="E-mail this story to a friend!" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://technorati.com/faves?add=http%3A%2F%2Fdavidnash.com.au%2F2009%2F02%2F1px-high-div-in-ie6%2F" title="Technorati"><img src="http://davidnash.com.au/wp-content/plugins/sociable/images/technorati.png" title="Technorati" alt="Technorati" class="sociable-hovers" /></a>
	<a rel="nofollow" target="_blank" href="http://twitter.com/home?status=http%3A%2F%2Fdavidnash.com.au%2F2009%2F02%2F1px-high-div-in-ie6%2F" title="TwitThis"><img src="http://davidnash.com.au/wp-content/plugins/sociable/images/twitter.gif" title="TwitThis" alt="TwitThis" class="sociable-hovers" /></a>


<br/><br/>]]></content:encoded>
			<wfw:commentRss>http://davidnash.com.au/2009/02/1px-high-div-in-ie6/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
