<?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>The Social Geek &#187; mozilla firefox</title>
	<atom:link href="http://www.thesocialgeek.com/blog/tag/mozilla-firefox/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thesocialgeek.com/blog</link>
	<description>A never ending story of a never stopping idiot!</description>
	<lastBuildDate>Tue, 24 Aug 2010 06:59:32 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Cross Browser Design Tip: Use Internet Explorer Conditional Comments</title>
		<link>http://www.thesocialgeek.com/blog/2008/01/24/cross-browser-design-tip-use-internet-explorer-conditional-comments/</link>
		<comments>http://www.thesocialgeek.com/blog/2008/01/24/cross-browser-design-tip-use-internet-explorer-conditional-comments/#comments</comments>
		<pubDate>Thu, 24 Jan 2008 12:14:41 +0000</pubDate>
		<dc:creator>Kamran</dc:creator>
				<category><![CDATA[Software Engineering Articles]]></category>
		<category><![CDATA[conditional comments]]></category>
		<category><![CDATA[cross-browser]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[interner explorer]]></category>
		<category><![CDATA[mozilla firefox]]></category>

		<guid isPermaLink="false">http://www.thesocialgeek.com/wordpress/?p=27</guid>
		<description><![CDATA[
]]></description>
			<content:encoded><![CDATA[<p>There are some things which you really want to remember all your time while designing web pages that look the same in Internet Explorer and other browsers. Such experiences come in handy when you need them the next time.</p>
<p>One of such things is the Internet Explorer's conditional comments. IE's conditional comments allow you to insert markup within your code that is rendered in IE but NOT in other browsers. How? This is simple:</p>
<div style="FONT-FAMILY: courier">
<p>&lt;!--[if IE 6]&gt;</p>
<p>Your IE specific stuff here</p>
<p>&lt;![endif]--&gt;</p>
</div>
<p>Now, the above chunk gets past the eye of all the other browsers since they act as simple HTML comments in those browsers. Internet Explorer identifies that special [if IE 6] thing and renders the comment block as if it was normal markup.</p>
<p>This also works with other version of IE. You just have to use the appropriate IE version number (it works from IE 5.0 and onwards) such as IE 5.0, 5.5 and 6.0.</p>
<p><strong>IkJample:</strong></p>
<p>Suppose there is a DIV in your code that renders just fine in Firefox but it is appearing to be about 5 pixels above where it should be in IE. You can do the following to get it right easily using style sheets and IE conditional comments:</p>
<div style="FONT-FAMILY: courier">
<p>&lt;style type="text/css"&gt;</p>
<p>.myDiv {</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp; padding-top: 10px;</p>
<p>}</p>
<p>&lt;/style&gt;</p>
<p>&lt;!--[if IE 6]&gt;</p>
<p>&lt;style type="text/css"&gt;</p>
<p>.myDiv {</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp; /* Now we add an additional 5 pixels just to */</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;/*&nbsp;make sure it also looks fine in IE */</p>
<p>&nbsp;&nbsp;&nbsp;&nbsp; padding-top: 15px;</p>
<p>}</p>
<p>&lt;/style&gt;</p>
<p>&lt;![endif]--&gt;</p>
</div>
<p>Hope this is useful to me and to some other readers in the future <img src='http://www.thesocialgeek.com/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  Cya!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thesocialgeek.com/blog/2008/01/24/cross-browser-design-tip-use-internet-explorer-conditional-comments/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
