<?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>Scotia Systems Blog &#187; CSS</title>
	<atom:link href="http://www.scotiasystems.com/blog/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.scotiasystems.com/blog</link>
	<description>Web Design, SEO and IT Tips</description>
	<lastBuildDate>Fri, 03 Feb 2012 22:18:10 +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>Quick CSS tip &#8211; width working in IE but not Firefox?</title>
		<link>http://www.scotiasystems.com/blog/web-design/quick-css-tip-width-working-in-ie-but-not-firefox/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=quick-css-tip-width-working-in-ie-but-not-firefox</link>
		<comments>http://www.scotiasystems.com/blog/web-design/quick-css-tip-width-working-in-ie-but-not-firefox/#comments</comments>
		<pubDate>Tue, 08 Jun 2010 20:16:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Web Design]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.scotiasystems.com/blog/web-design/quick-css-tip-width-working-in-ie-but-not-firefox/</guid>
		<description><![CDATA[Tweet Just noticed a quick flaw which works with IE but not Firefox.&#160;&#160; I had a table where I was specifying the width.&#160;&#160; This was working fine in IE, but strangely Firefox was ignoring the width and scaling the table to match the width of the contents? Turns&#160; out I was specifying the width as [...]]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080;background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.scotiasystems.com%2Fblog%2Fweb-design%2Fquick-css-tip-width-working-in-ie-but-not-firefox%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.scotiasystems.com/blog/web-design/quick-css-tip-width-working-in-ie-but-not-firefox/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.scotiasystems.com/blog/web-design/quick-css-tip-width-working-in-ie-but-not-firefox/"  data-text="Quick CSS tip &ndash; width working in IE but not Firefox?" data-count="horizontal">Tweet</a>
			</div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://www.scotiasystems.com/blog/web-design/quick-css-tip-width-working-in-ie-but-not-firefox/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>Just noticed a quick flaw which works with IE but not Firefox.&#160;&#160; I had a table where I was specifying the width.&#160;&#160; This was working fine in IE, but strangely Firefox was ignoring the width and scaling the table to match the width of the contents?</p>
<p>Turns&#160; out I was specifying the width as an integer without appending “px”.&#160;&#160;&#160; So width=100 tells IE to use 100 pixel width but Firefox ignores it.&#160;&#160;&#160; Change it to “width=100px” and both are happy…</p>
]]></content:encoded>
			<wfw:commentRss>http://www.scotiasystems.com/blog/web-design/quick-css-tip-width-working-in-ie-but-not-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Links not working in Firefox</title>
		<link>http://www.scotiasystems.com/blog/css/links-not-working-in-firefox/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=links-not-working-in-firefox</link>
		<comments>http://www.scotiasystems.com/blog/css/links-not-working-in-firefox/#comments</comments>
		<pubDate>Fri, 26 Jun 2009 09:11:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Web Design]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[z-index]]></category>

		<guid isPermaLink="false">http://www.scotiasystems.com/blog/?p=97</guid>
		<description><![CDATA[Tweet Just had a problem with a website which worked fine in IE, however when viewed in Firefox, some of the &#60;A HREF&#62; links weren&#8217;t working! Turns out it was a problem with the z-axis.   One of the other elements on the page was appearing on top of the links and obscuring them.  By using  [...]]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080;background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.scotiasystems.com%2Fblog%2Fcss%2Flinks-not-working-in-firefox%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.scotiasystems.com/blog/css/links-not-working-in-firefox/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.scotiasystems.com/blog/css/links-not-working-in-firefox/"  data-text="Links not working in Firefox" data-count="horizontal">Tweet</a>
			</div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://www.scotiasystems.com/blog/css/links-not-working-in-firefox/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>Just had a problem with a website which worked fine in IE, however when viewed in Firefox, some of the &lt;A HREF&gt; links weren&#8217;t working!</p>
<p>Turns out it was a problem with the z-axis.   One of the other elements on the page was appearing on top of the links and obscuring them.  By using  &#8220;z-index&#8221; I was able to re-order the elements, bringing the links to the surface again &#8211; and all worked fine again.</p>
<p>Here&#8217;s a good description of how to use z-index:</p>
<p><a href="https://developer.mozilla.org/en/Understanding_CSS_z-index/Adding_z-index">https://developer.mozilla.org/en/Understanding_CSS_z-index/Adding_z-index</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.scotiasystems.com/blog/css/links-not-working-in-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Develop your own wordpress CSS themes</title>
		<link>http://www.scotiasystems.com/blog/wordpress/develop-your-own-wordpress-css-themes/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=develop-your-own-wordpress-css-themes</link>
		<comments>http://www.scotiasystems.com/blog/wordpress/develop-your-own-wordpress-css-themes/#comments</comments>
		<pubDate>Sat, 13 Jun 2009 22:17:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[CSS]]></category>

		<guid isPermaLink="false">http://www.scotiasystems.com/blog/?p=66</guid>
		<description><![CDATA[Tweet Found this website recently &#8211; good source for tutorials on developing wordpress themes in CSS: http://www.wpdesigner.com/]]></description>
			<content:encoded><![CDATA[<div class="bottomcontainerBox" style="border:1px solid #808080;background-color:#F0F4F9;">
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.scotiasystems.com%2Fblog%2Fwordpress%2Fdevelop-your-own-wordpress-css-themes%2F&amp;layout=button_count&amp;show_faces=false&amp;width=85&amp;action=like&amp;font=verdana&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width=85px; height:21px;" allowTransparency="true"></iframe></div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<g:plusone size="medium" href="http://www.scotiasystems.com/blog/wordpress/develop-your-own-wordpress-css-themes/"></g:plusone>
			</div>
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;">
			<a href="http://twitter.com/share" class="twitter-share-button" data-url="http://www.scotiasystems.com/blog/wordpress/develop-your-own-wordpress-css-themes/"  data-text="Develop your own wordpress CSS themes" data-count="horizontal">Tweet</a>
			</div>			
			<div style="float:left; width:85px;padding-right:10px; margin:4px 4px 4px 4px;height:30px;"><script src="http://www.stumbleupon.com/hostedbadge.php?s=1&amp;r=http://www.scotiasystems.com/blog/wordpress/develop-your-own-wordpress-css-themes/"></script></div>			
			</div><div style="clear:both"></div><div style="padding-bottom:4px;"></div><p>Found this website recently &#8211; good source for tutorials on developing wordpress themes in CSS:</p>
<p><a href="http://www.wpdesigner.com/">http://www.wpdesigner.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.scotiasystems.com/blog/wordpress/develop-your-own-wordpress-css-themes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

