<?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>MaggsWeb:7 &#187; IE</title>
	<atom:link href="http://www.maggsweb.com/tag/ie/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.maggsweb.com</link>
	<description>www.maggsweb.com</description>
	<lastBuildDate>Fri, 03 Feb 2012 22:50:00 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>CSS fixes for IE, using Javascript</title>
		<link>http://www.maggsweb.com/css/css-fixes-for-ie-using-javascript/</link>
		<comments>http://www.maggsweb.com/css/css-fixes-for-ie-using-javascript/#comments</comments>
		<pubDate>Fri, 13 Mar 2009 09:54:16 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[IE]]></category>

		<guid isPermaLink="false">http://tech.maggsweb.co.uk/?p=217</guid>
		<description><![CDATA[Some CSS effects don&#8217;t work in IE, damn them, so that leaves 2 options. Either forget that you have coded some nice roll-over effects that the majority of people wont see&#8230; Or, add an IE-specific javascript fix. ?View Code CSS&#60;!--&#91;if IE&#93;&#62; &#60;script type=&#34;text/javascript&#34; src=&#34;/content/iehover-fix.js&#34;&#62;&#60;!-- ---&#62;&#60;/script&#62; &#60;!&#91;endif&#93;--&#62;]]></description>
			<content:encoded><![CDATA[<p>Some CSS effects don&#8217;t work in IE, damn them, so that leaves 2 options.</p>
<p>Either forget that you have coded some nice roll-over effects that the majority of people wont see&#8230;</p>
<p>Or, add an IE-specific javascript fix.<br />
<span id="more-217"></span></p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?" onclick="pageTracker._trackPageview('/outgoing/www.ericbess.com/ericblog/2008/03/03/wp-codebox/_examples?referer=');"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p217code2'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p2172"><td class="code" id="p217code2"><pre class="css" style="font-family:monospace;">&lt;!--<span style="color: #00AA00;">&#91;</span>if IE<span style="color: #00AA00;">&#93;</span><span style="color: #00AA00;">&gt;</span>
&lt;script type<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;text/javascript&quot;</span> src<span style="color: #00AA00;">=</span><span style="color: #ff0000;">&quot;/content/iehover-fix.js&quot;</span><span style="color: #00AA00;">&gt;</span>&lt;!-- ---<span style="color: #00AA00;">&gt;</span>&lt;/script<span style="color: #00AA00;">&gt;</span>
&lt;!<span style="color: #00AA00;">&#91;</span>endif<span style="color: #00AA00;">&#93;</span>--<span style="color: #00AA00;">&gt;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.maggsweb.com/css/css-fixes-for-ie-using-javascript/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Expressions in CSS / IE fix</title>
		<link>http://www.maggsweb.com/css/ie-fix/</link>
		<comments>http://www.maggsweb.com/css/ie-fix/#comments</comments>
		<pubDate>Tue, 02 Sep 2008 07:09:15 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[expressions]]></category>
		<category><![CDATA[IE]]></category>
		<category><![CDATA[validation]]></category>

		<guid isPermaLink="false">http://tech.maggsweb.co.uk/?p=173</guid>
		<description><![CDATA[This wont pass CSS validation, but its usefull to know that expressions can be added into css. ?View Code CSS/* IE FIX */ #div &#123; overflow-x: auto; overflow-y: hidden; padding-bottom: expression&#40;this.scrollWidth &#38;gt; this.offsetWidth ? 15 : 0&#41;; &#125;]]></description>
			<content:encoded><![CDATA[<p>This wont pass CSS validation, but its usefull to know that expressions can be added into css.<br />
<span id="more-173"></span></p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?" onclick="pageTracker._trackPageview('/outgoing/www.ericbess.com/ericblog/2008/03/03/wp-codebox/_examples?referer=');"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p173code4'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p1734"><td class="code" id="p173code4"><pre class="css" style="font-family:monospace;"><span style="color: #808080; font-style: italic;">/* IE FIX */</span>
<span style="color: #cc00cc;">#div</span> <span style="color: #00AA00;">&#123;</span>
  overflow-x<span style="color: #00AA00;">:</span> <span style="color: #993333;">auto</span><span style="color: #00AA00;">;</span>
  overflow-y<span style="color: #00AA00;">:</span> <span style="color: #993333;">hidden</span><span style="color: #00AA00;">;</span>
  <span style="color: #000000; font-weight: bold;">padding-bottom</span><span style="color: #00AA00;">:</span> expression<span style="color: #00AA00;">&#40;</span>this<span style="color: #6666ff;">.scrollWidth</span> &amp;gt<span style="color: #00AA00;">;</span> this<span style="color: #6666ff;">.offsetWidth</span> ? <span style="color: #cc66cc;">15</span> <span style="color: #00AA00;">:</span> <span style="color: #cc66cc;">0</span><span style="color: #00AA00;">&#41;</span><span style="color: #00AA00;">;</span>
<span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

]]></content:encoded>
			<wfw:commentRss>http://www.maggsweb.com/css/ie-fix/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Forced scroll bars in FF</title>
		<link>http://www.maggsweb.com/css/forced-scroll-bars-in-ff/</link>
		<comments>http://www.maggsweb.com/css/forced-scroll-bars-in-ff/#comments</comments>
		<pubDate>Sun, 05 Aug 2007 20:36:51 +0000</pubDate>
		<dc:creator>chris</dc:creator>
				<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[FireFox]]></category>
		<category><![CDATA[IE]]></category>

		<guid isPermaLink="false">http://www.cmaggs.co.uk/?p=11</guid>
		<description><![CDATA[Find switching between IE and FF annoying? Does the site jump sideways all the time? This is because IE will ALWAYS reduce the window size and display the scroll bar, even if it is not used. FF wont display it unless it is required (as it should be). OK, this is the &#8216;wrong way solution&#8217;, [...]]]></description>
			<content:encoded><![CDATA[<p>Find switching between IE and FF annoying?  Does the site jump sideways all the time?  This is because IE will ALWAYS reduce the window size and display the scroll bar, even if it is not used.  FF wont display it unless it is required (as it should be).<br />
OK, this is the &#8216;wrong way solution&#8217;, but it solves the problem.  Force the scrollbar in FF.<br />
<span id="more-11"></span></p>

<div class="wp_codebox_msgheader"><span class="right"><sup><a href="http://www.ericbess.com/ericblog/2008/03/03/wp-codebox/#examples" target="_blank" title="WP-CodeBox HowTo?" onclick="pageTracker._trackPageview('/outgoing/www.ericbess.com/ericblog/2008/03/03/wp-codebox/_examples?referer=');"><span style="color: #99cc00">?</span></a></sup></span><span class="left"><a href="javascript:;" onclick="javascript:showCodeTxt('p11code6'); return false;">View Code</a> CSS</span><div class="codebox_clear"></div></div><div class="wp_codebox"><table><tr id="p116"><td class="code" id="p11code6"><pre class="css" style="font-family:monospace;">html <span style="color: #00AA00;">&#123;</span> <span style="color: #000000; font-weight: bold;">height</span><span style="color: #00AA00;">:</span> <span style="color: #933;">100%</span><span style="color: #00AA00;">;</span> <span style="color: #000000; font-weight: bold;">margin-bottom</span><span style="color: #00AA00;">:</span> <span style="color: #933;">1px</span><span style="color: #00AA00;">;</span> <span style="color: #00AA00;">&#125;</span></pre></td></tr></table></div>

<p>Sorted!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.maggsweb.com/css/forced-scroll-bars-in-ff/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

