<?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 Freelance Web Solutions &#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>Wed, 28 Jul 2010 19:12:34 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<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/css/forcing-internet-explorer-to-obey-css-using-javascript-css-hacks-and-specific-style-sheets/' rel='bookmark' title='Permanent Link: Forcing Internet Explorer to obey css using Javascript, CSS hacks and specific style sheets'>Forcing Internet Explorer to obey css using Javascript, CSS hacks and specific style sheets</a> <small> I know all of this has been written before,...</small></li>
<li><a href='http://mhuntdesign.com/blog/css/5-ways-improve-performance-speed-website/' rel='bookmark' title='Permanent Link: 5 ways to optimize the performance and speed of your website'>5 ways to optimize the performance and speed of your website</a> <small> 1. Improve your performance with YSlow http://developer.yahoo.com/yslow/ Yslow grades...</small></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" 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/css/forcing-internet-explorer-to-obey-css-using-javascript-css-hacks-and-specific-style-sheets/' rel='bookmark' title='Permanent Link: Forcing Internet Explorer to obey css using Javascript, CSS hacks and specific style sheets'>Forcing Internet Explorer to obey css using Javascript, CSS hacks and specific style sheets</a> <small> I know all of this has been written before,...</small></li>
<li><a href='http://mhuntdesign.com/blog/css/5-ways-improve-performance-speed-website/' rel='bookmark' title='Permanent Link: 5 ways to optimize the performance and speed of your website'>5 ways to optimize the performance and speed of your website</a> <small> 1. Improve your performance with YSlow http://developer.yahoo.com/yslow/ Yslow grades...</small></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>
