<?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>Shruti Gupta&#039;s Blog &#187; CSS</title>
	<atom:link href="http://www.shrutigupta.com/index.php/category/website-development/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.shrutigupta.com</link>
	<description>Shruti writes about topics including meditation, being a mother, recommended books and so on.</description>
	<lastBuildDate>Wed, 08 Feb 2012 16:51:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>How to add specific style/script for IE in HTML?</title>
		<link>http://www.shrutigupta.com/index.php/2006/05/15/how-to-add-specific-stylescript-for-ie-in-html/</link>
		<comments>http://www.shrutigupta.com/index.php/2006/05/15/how-to-add-specific-stylescript-for-ie-in-html/#comments</comments>
		<pubDate>Mon, 15 May 2006 21:43:15 +0000</pubDate>
		<dc:creator>Shruti</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML, XHTML]]></category>
		<category><![CDATA[Website Development]]></category>
		<category><![CDATA[HTML/XHTML]]></category>
		<category><![CDATA[Internet Explorer]]></category>

		<guid isPermaLink="false">http://www.shrutigupta.com/index.php/2006/05/15/how-to-add-specific-stylescript-for-ie-in-html/</guid>
		<description><![CDATA[There are times when we want a specific style or stylesheet or a javascript to be rendered only in IE and not other browsers such as FireFox. If this is so, then you can do so by adding following if and endif declarations in the HTML.
Related posts:<ol>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/28/how-to-add-alternate-stylesheets/' rel='bookmark' title='How to Add Alternate StyleSheets?'>How to Add Alternate StyleSheets?</a> <small>The concept of alternate stylesheets is exactly as the name...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2005/12/28/validating-htmlxhtml/' rel='bookmark' title='Validating HTML/XHTML'>Validating HTML/XHTML</a> <small>Validating HTML/XHTML implies checking HTML/XHTML file for conformance to W3C...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/22/conversion-from-html-to-xhtml/' rel='bookmark' title='Conversion from HTML to XHTML'>Conversion from HTML to XHTML</a> <small>At Ecommerce Partners.net, we (HTML Production Department) were producing html...</small></li>
</ol>]]></description>
		<wfw:commentRss>http://www.shrutigupta.com/index.php/2006/05/15/how-to-add-specific-stylescript-for-ie-in-html/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Image Flicker Problem in IE</title>
		<link>http://www.shrutigupta.com/index.php/2006/05/08/image-flicker-problem-in-ie/</link>
		<comments>http://www.shrutigupta.com/index.php/2006/05/08/image-flicker-problem-in-ie/#comments</comments>
		<pubDate>Mon, 08 May 2006 14:09:30 +0000</pubDate>
		<dc:creator>Shruti</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Website Development]]></category>
		<category><![CDATA[Internet Explorer]]></category>

		<guid isPermaLink="false">http://www.shrutigupta.com/?p=51</guid>
		<description><![CDATA[When you use CSS background images that are clickable, you must have come across image flicker problem in IE. It's very annoying. So, hopefully here's the solution that might work: http://dean.edwards.name/my/flicker.html.
Related posts:<ol>
<li><a href='http://www.shrutigupta.com/index.php/2006/05/07/min-height/' rel='bookmark' title='Min-Height'>Min-Height</a> <small>Majority of the web page layout require side navigation column...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2006/05/15/how-to-add-specific-stylescript-for-ie-in-html/' rel='bookmark' title='How to add specific style/script for IE in HTML?'>How to add specific style/script for IE in HTML?</a> <small>There are times when we want a specific style or...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/28/comment-tags-can-cause-content-duplication-in-ie/' rel='bookmark' title='Comment Tags Can Cause Content Duplication In IE'>Comment Tags Can Cause Content Duplication In IE</a> <small>At ECommerce Partners, we are required to code in XHTML...</small></li>
</ol>]]></description>
		<wfw:commentRss>http://www.shrutigupta.com/index.php/2006/05/08/image-flicker-problem-in-ie/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Min-Height</title>
		<link>http://www.shrutigupta.com/index.php/2006/05/07/min-height/</link>
		<comments>http://www.shrutigupta.com/index.php/2006/05/07/min-height/#comments</comments>
		<pubDate>Sun, 07 May 2006 15:05:54 +0000</pubDate>
		<dc:creator>Shruti</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML, XHTML]]></category>
		<category><![CDATA[Website Development]]></category>
		<category><![CDATA[HTML/XHTML]]></category>

		<guid isPermaLink="false">http://www.shrutigupta.com/index.php/2006/05/07/min-height/</guid>
		<description><![CDATA[Majority of the web page layout require side navigation column and the content column to expand vertically equal. This can be a challenge when we prefer to use div rather than tables for layout. I explained one of the most useful hacks that create an appearance of two columnar div's expanding vertically equal to each other. However, there are times when we actually want both the columns to have equal height.
Related posts:<ol>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/31/how-to-make-the-background-of-a-div-semi-transparent/' rel='bookmark' title='How to Make the Background of a Div Semi-Transparent?'>How to Make the Background of a Div Semi-Transparent?</a> <small>If you look below, the light gray div over the...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2006/05/08/image-flicker-problem-in-ie/' rel='bookmark' title='Image Flicker Problem in IE'>Image Flicker Problem in IE</a> <small>When you use CSS background images that are clickable, you...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2005/12/12/how-to-create-table-with-first-column-frozen/' rel='bookmark' title='How to Create Table With First Column Frozen?'>How to Create Table With First Column Frozen?</a> <small>Here is a HTML technique that can be used to...</small></li>
</ol>]]></description>
		<wfw:commentRss>http://www.shrutigupta.com/index.php/2006/05/07/min-height/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>How to Use ems for HTML Font Size?</title>
		<link>http://www.shrutigupta.com/index.php/2006/01/30/how-to-use-ems-for-html-font-size/</link>
		<comments>http://www.shrutigupta.com/index.php/2006/01/30/how-to-use-ems-for-html-font-size/#comments</comments>
		<pubDate>Tue, 31 Jan 2006 03:16:06 +0000</pubDate>
		<dc:creator>Shruti</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Website Development]]></category>
		<category><![CDATA[Fonts]]></category>
		<category><![CDATA[HTML/XHTML]]></category>

		<guid isPermaLink="false">http://www.shrutigupta.com/?p=40</guid>
		<description><![CDATA[HTML font size is specified in CSS stylesheet using pixels, ems or keywords.  I have rarely found keywords much useful.  Using pixels guarantees control over the look of the web page but the issue is that if we use pixels for font size, then the web page is not as accessible in IE.
Related posts:<ol>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/22/browser-safe-fonts/' rel='bookmark' title='Browser Safe Fonts'>Browser Safe Fonts</a> <small>Fonts make a big difference to the look and experience...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/22/conversion-from-html-to-xhtml/' rel='bookmark' title='Conversion from HTML to XHTML'>Conversion from HTML to XHTML</a> <small>At Ecommerce Partners.net, we (HTML Production Department) were producing html...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2006/05/15/how-to-add-specific-stylescript-for-ie-in-html/' rel='bookmark' title='How to add specific style/script for IE in HTML?'>How to add specific style/script for IE in HTML?</a> <small>There are times when we want a specific style or...</small></li>
</ol>]]></description>
		<wfw:commentRss>http://www.shrutigupta.com/index.php/2006/01/30/how-to-use-ems-for-html-font-size/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>How to Create Table With First Column Frozen?</title>
		<link>http://www.shrutigupta.com/index.php/2005/12/12/how-to-create-table-with-first-column-frozen/</link>
		<comments>http://www.shrutigupta.com/index.php/2005/12/12/how-to-create-table-with-first-column-frozen/#comments</comments>
		<pubDate>Tue, 13 Dec 2005 03:52:21 +0000</pubDate>
		<dc:creator>Shruti</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML, XHTML]]></category>
		<category><![CDATA[Website Development]]></category>
		<category><![CDATA[HTML/XHTML]]></category>

		<guid isPermaLink="false">http://www.shrutigupta.com/?p=33</guid>
		<description><![CDATA[Here is a HTML technique that can be used to create a table for data such that we can freeze the first column and add a scrollbar for rest of the columns.
Related posts:<ol>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/23/how-to-create-columns-with-divs/' rel='bookmark' title='How to Create Columns with Div&#8217;s?'>How to Create Columns with Div&#8217;s?</a> <small>When I started using div's rather than table for web...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/31/how-to-make-the-background-of-a-div-semi-transparent/' rel='bookmark' title='How to Make the Background of a Div Semi-Transparent?'>How to Make the Background of a Div Semi-Transparent?</a> <small>If you look below, the light gray div over the...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2005/11/02/positioning-footer-at-the-bottom-of-the-browser/' rel='bookmark' title='Positioning Footer at the bottom of the Browser'>Positioning Footer at the bottom of the Browser</a> <small>Here is an example for how to position the footer...</small></li>
</ol>]]></description>
		<wfw:commentRss>http://www.shrutigupta.com/index.php/2005/12/12/how-to-create-table-with-first-column-frozen/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Internet Explorer (IE) Scrollbar Color Guide</title>
		<link>http://www.shrutigupta.com/index.php/2005/11/19/internet-explorer-ie-scrollbar-color-guide/</link>
		<comments>http://www.shrutigupta.com/index.php/2005/11/19/internet-explorer-ie-scrollbar-color-guide/#comments</comments>
		<pubDate>Sat, 19 Nov 2005 21:12:52 +0000</pubDate>
		<dc:creator>Shruti</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML, XHTML]]></category>
		<category><![CDATA[Website Development]]></category>
		<category><![CDATA[HTML/XHTML]]></category>
		<category><![CDATA[Internet Explorer]]></category>

		<guid isPermaLink="false">http://www.shrutigupta.com/?p=29</guid>
		<description><![CDATA[It is possible to change the scrollbar colors in Internet Explorer (IE).  Here is a guide for changing scrollbar colors in Internet Explorer using CSS.
Related posts:<ol>
<li><a href='http://www.shrutigupta.com/index.php/2005/12/12/how-to-create-table-with-first-column-frozen/' rel='bookmark' title='How to Create Table With First Column Frozen?'>How to Create Table With First Column Frozen?</a> <small>Here is a HTML technique that can be used to...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/31/how-to-make-the-background-of-a-div-semi-transparent/' rel='bookmark' title='How to Make the Background of a Div Semi-Transparent?'>How to Make the Background of a Div Semi-Transparent?</a> <small>If you look below, the light gray div over the...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2006/05/15/how-to-add-specific-stylescript-for-ie-in-html/' rel='bookmark' title='How to add specific style/script for IE in HTML?'>How to add specific style/script for IE in HTML?</a> <small>There are times when we want a specific style or...</small></li>
</ol>]]></description>
		<wfw:commentRss>http://www.shrutigupta.com/index.php/2005/11/19/internet-explorer-ie-scrollbar-color-guide/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Reserved ID Values in IE/Win</title>
		<link>http://www.shrutigupta.com/index.php/2005/11/03/reserved-id-values-in-iewin/</link>
		<comments>http://www.shrutigupta.com/index.php/2005/11/03/reserved-id-values-in-iewin/#comments</comments>
		<pubDate>Thu, 03 Nov 2005 12:27:42 +0000</pubDate>
		<dc:creator>Shruti</dc:creator>
				<category><![CDATA[Browsers]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML/XHTML]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Website Development]]></category>

		<guid isPermaLink="false">http://www.shrutigupta.com/?p=20</guid>
		<description><![CDATA[Have you come across printing error as shown in the screenshot below when trying to print a web page in IE/Win? I did! To view this error, please view this page in IE/Win and then click here and print.
Related posts:<ol>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/28/comment-tags-can-cause-content-duplication-in-ie/' rel='bookmark' title='Comment Tags Can Cause Content Duplication In IE'>Comment Tags Can Cause Content Duplication In IE</a> <small>At ECommerce Partners, we are required to code in XHTML...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/22/conversion-from-html-to-xhtml/' rel='bookmark' title='Conversion from HTML to XHTML'>Conversion from HTML to XHTML</a> <small>At Ecommerce Partners.net, we (HTML Production Department) were producing html...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2005/11/19/internet-explorer-ie-scrollbar-color-guide/' rel='bookmark' title='Internet Explorer (IE) Scrollbar Color Guide'>Internet Explorer (IE) Scrollbar Color Guide</a> <small>It is possible to change the scrollbar colors in Internet...</small></li>
</ol>]]></description>
		<wfw:commentRss>http://www.shrutigupta.com/index.php/2005/11/03/reserved-id-values-in-iewin/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Positioning Footer at the bottom of the Browser</title>
		<link>http://www.shrutigupta.com/index.php/2005/11/02/positioning-footer-at-the-bottom-of-the-browser/</link>
		<comments>http://www.shrutigupta.com/index.php/2005/11/02/positioning-footer-at-the-bottom-of-the-browser/#comments</comments>
		<pubDate>Wed, 02 Nov 2005 11:11:14 +0000</pubDate>
		<dc:creator>Shruti</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML, XHTML]]></category>
		<category><![CDATA[Website Development]]></category>
		<category><![CDATA[HTML/XHTML]]></category>

		<guid isPermaLink="false">http://www.shrutigupta.com/?p=19</guid>
		<description><![CDATA[Here is an example for how to position the footer at the bottom of the browser using CSS. In the following examples, footer will always stay at the bottom of the browser irrespective of the amount of the content.
Related posts:<ol>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/31/how-to-make-the-background-of-a-div-semi-transparent/' rel='bookmark' title='How to Make the Background of a Div Semi-Transparent?'>How to Make the Background of a Div Semi-Transparent?</a> <small>If you look below, the light gray div over the...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2005/12/12/how-to-create-table-with-first-column-frozen/' rel='bookmark' title='How to Create Table With First Column Frozen?'>How to Create Table With First Column Frozen?</a> <small>Here is a HTML technique that can be used to...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/22/conversion-from-html-to-xhtml/' rel='bookmark' title='Conversion from HTML to XHTML'>Conversion from HTML to XHTML</a> <small>At Ecommerce Partners.net, we (HTML Production Department) were producing html...</small></li>
</ol>]]></description>
		<wfw:commentRss>http://www.shrutigupta.com/index.php/2005/11/02/positioning-footer-at-the-bottom-of-the-browser/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Make the Background of a Div Semi-Transparent?</title>
		<link>http://www.shrutigupta.com/index.php/2005/10/31/how-to-make-the-background-of-a-div-semi-transparent/</link>
		<comments>http://www.shrutigupta.com/index.php/2005/10/31/how-to-make-the-background-of-a-div-semi-transparent/#comments</comments>
		<pubDate>Mon, 31 Oct 2005 13:19:26 +0000</pubDate>
		<dc:creator>Shruti</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML, XHTML]]></category>
		<category><![CDATA[Website Development]]></category>
		<category><![CDATA[HTML/XHTML]]></category>

		<guid isPermaLink="false">http://www.shrutigupta.com/?p=17</guid>
		<description><![CDATA[If you look below, the light gray div over the darker one is transparent. As a result, the content inside the darker gray div shows up through the light gray div over it.  This capability can enable us to create really attractive designs.  It's really simple to do it.  If you are interested, just read along.
Related posts:<ol>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/22/conversion-from-html-to-xhtml/' rel='bookmark' title='Conversion from HTML to XHTML'>Conversion from HTML to XHTML</a> <small>At Ecommerce Partners.net, we (HTML Production Department) were producing html...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/23/how-to-create-columns-with-divs/' rel='bookmark' title='How to Create Columns with Div&#8217;s?'>How to Create Columns with Div&#8217;s?</a> <small>When I started using div's rather than table for web...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/28/how-to-add-alternate-stylesheets/' rel='bookmark' title='How to Add Alternate StyleSheets?'>How to Add Alternate StyleSheets?</a> <small>The concept of alternate stylesheets is exactly as the name...</small></li>
</ol>]]></description>
		<wfw:commentRss>http://www.shrutigupta.com/index.php/2005/10/31/how-to-make-the-background-of-a-div-semi-transparent/feed/</wfw:commentRss>
		<slash:comments>50</slash:comments>
		</item>
		<item>
		<title>How to Add Alternate StyleSheets?</title>
		<link>http://www.shrutigupta.com/index.php/2005/10/28/how-to-add-alternate-stylesheets/</link>
		<comments>http://www.shrutigupta.com/index.php/2005/10/28/how-to-add-alternate-stylesheets/#comments</comments>
		<pubDate>Sat, 29 Oct 2005 02:08:50 +0000</pubDate>
		<dc:creator>Shruti</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML, XHTML]]></category>
		<category><![CDATA[Website Development]]></category>
		<category><![CDATA[HTML/XHTML]]></category>

		<guid isPermaLink="false">http://www.shrutigupta.com/index.php/2005/10/28/how-to-add-alternate-stylesheets/</guid>
		<description><![CDATA[The concept of alternate stylesheets is exactly as the name suggests using alternative stylesheets to change the look of a web page with a click. This makes the website utilizing this technique a little more personalized. The other inherent benefit of this feature is complete separation of content and presentation in a web page, the ideal goal for any website.
Related posts:<ol>
<li><a href='http://www.shrutigupta.com/index.php/2006/05/15/how-to-add-specific-stylescript-for-ie-in-html/' rel='bookmark' title='How to add specific style/script for IE in HTML?'>How to add specific style/script for IE in HTML?</a> <small>There are times when we want a specific style or...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2005/10/31/how-to-make-the-background-of-a-div-semi-transparent/' rel='bookmark' title='How to Make the Background of a Div Semi-Transparent?'>How to Make the Background of a Div Semi-Transparent?</a> <small>If you look below, the light gray div over the...</small></li>
<li><a href='http://www.shrutigupta.com/index.php/2006/05/07/min-height/' rel='bookmark' title='Min-Height'>Min-Height</a> <small>Majority of the web page layout require side navigation column...</small></li>
</ol>]]></description>
		<wfw:commentRss>http://www.shrutigupta.com/index.php/2005/10/28/how-to-add-alternate-stylesheets/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

