<?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>MHunt Design &#187; Internet Explorer</title>
	<atom:link href="http://mhuntdesign.com/blog/articles/web-development/internet-explorer-web-development/feed/" rel="self" type="application/rss+xml" />
	<link>http://mhuntdesign.com/blog</link>
	<description>Web Design Resources and Recommended Reading</description>
	<lastBuildDate>Thu, 17 May 2012 19:39:57 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Why min-width and maximum-width hacks blow up in IE6</title>
		<link>http://mhuntdesign.com/blog/web-development/internet-explorer-web-development/why-min-width-and-maximum-width-hacks-blow-up-in-ie6/</link>
		<comments>http://mhuntdesign.com/blog/web-development/internet-explorer-web-development/why-min-width-and-maximum-width-hacks-blow-up-in-ie6/#comments</comments>
		<pubDate>Fri, 15 May 2009 00:14:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Internet Explorer]]></category>

		<guid isPermaLink="false">http://mhuntdesign.com/blog/?p=204</guid>
		<description><![CDATA[There are many hacks for ie6 to get the css properties min-width and maximum-width to work. Granted these hacks work. But what I can&#8217;t seem to find is a solution that doesn&#8217;t freeze the browser when you try to resize it.  It&#8217;s been years and the problem sis still present. It doesn&#8217;t matter if you [...]
Related posts:<ol>
<li><a href='http://mhuntdesign.com/blog/bookmarks/philadelphia-web-design-wordpress-and-drupal-cms-development-09-12-11-09-13-11/' rel='bookmark' title='Philadelphia Web Design, WordPress and Drupal CMS Development 09-12-11 &#8211; 09-13-11'>Philadelphia Web Design, WordPress and Drupal CMS Development 09-12-11 &#8211; 09-13-11</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin-left: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmhuntdesign.com%2Fblog%2Fweb-development%2Finternet-explorer-web-development%2Fwhy-min-width-and-maximum-width-hacks-blow-up-in-ie6%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmhuntdesign.com%2Fblog%2Fweb-development%2Finternet-explorer-web-development%2Fwhy-min-width-and-maximum-width-hacks-blow-up-in-ie6%2F&amp;source=mhuntdesign&amp;style=normal&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="alignright size-full wp-image-207" title="min-max-width-blows-up-ie6" src="http://mhuntdesign.com/blog/wp-content/uploads/2009/05/min-max-width-blows-up-ie6.png" alt="" width="341" height="111" />There are many hacks for ie6 to get the css properties min-width and maximum-width to work. Granted these hacks work. But what I can&#8217;t seem to find is a solution that doesn&#8217;t freeze the browser when you try to resize it.  It&#8217;s been years and the problem sis still present. It doesn&#8217;t matter if you follow these instructions: &#8220;This important step is frequently omitted from many min/max-width tutorials, and is required to prevent Internet Explorer from freezing up and crashing.&#8221; &#8211; <a href="http://perishablepress.com/press/2008/05/19/css-hackz-series-minimum-width-maximum-width-for-internet-explorer-6/">Perishable Press</a> <em><strong>It will still crash when you follow those instructions and try to resize the window by stretching it. </strong></em></p>
<p>Granted windows users are used to full screen, but its not always acceptable to have that instability.</p>
<h3>Some Examples of these ie6 min-max hacks:</h3>
<h4><strong>A Javascript Solution:</strong></h4>
<pre><code style="border: 1px solid #d9d9d9; margin: 0.2em 0pt; padding: 5px 10px; background: #ffffff none repeat scroll 0% 0%; overflow: auto; display: block; width: 355px; text-align: left;">
window.onload = checkAvailableWidth;
window.onresize = checkAvailableWidth;
function checkAvailableWidth(){
var container = document.getElementById("page");
container.style.width = (document.body.clientWidth &lt; 959)? "959px" : "auto";
}
 </code></pre>
<p><a href="http://robertnyman.com/2007/11/13/stop-using-poor-performance-css-expressions-use-javascript-instead/">http://robertnyman.com/2007/11/13/stop-using-poor-performance-css-expressions-use-javascript-instead/</a></p>
<h4><strong>CSS Expressions:</strong></h4>
<p>The more common hack fom Andy Budd&#8217;s CSS mastery: <a href="ttp://www.cameronmoll.com/archives/000892.html">http://www.cameronmoll.com/archives/000892.html</a></p>
<pre><code style="border: 1px solid #d9d9d9; margin: 0.2em 0pt; padding: 5px 10px; background: #ffffff none repeat scroll 0% 0%; overflow: auto; display: block; width: 355px; text-align: left;">#container, #footer {
	width: expression(document.body.clientWidth &lt; 742? "740px" : document.body.clientWidth &gt; 1202? "1200px" : "auto");
	}
</code></pre>
<p>Related posts:<ol>
<li><a href='http://mhuntdesign.com/blog/bookmarks/philadelphia-web-design-wordpress-and-drupal-cms-development-09-12-11-09-13-11/' rel='bookmark' title='Philadelphia Web Design, WordPress and Drupal CMS Development 09-12-11 &#8211; 09-13-11'>Philadelphia Web Design, WordPress and Drupal CMS Development 09-12-11 &#8211; 09-13-11</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://mhuntdesign.com/blog/web-development/internet-explorer-web-development/why-min-width-and-maximum-width-hacks-blow-up-in-ie6/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

