JavaScript: implementare max-width e min-width in Internet Explorer 6

Internet Explorer 6 non supporta le larghezze minime e massime dei CSS. L'approccio delle espressioni CSS è spesso utilizzato in tal senso, ma purtroppo ha serie ripercussioni sulla performance già scarsa di questo browser. Quindi dobbiamo utilizzare JavaScript. Vediamo come.

Il seguente codice imposta la larghezza minima e massima a 1000 pixel:

window.attachEvent('onload', minMaxWidth);  
window.attachEvent('onresize', minMaxWidth); 
 
function minMaxWidth ()	{ 
 
	document.getElementById('site').style.width = ((document.documentElement.clientWidth ||  
	document.body.clientWidth) < 1000) ? '1000px' :  
	((document.body.clientWidth > 1000) ? 'auto' : 'auto');  
};

La larghezza viene impostata sul contenitore generale del sito. Quindi possiamo utilizzare i commenti condizionali per servire il codice solo a IE6:

<head>
<!--[if IE 6]>
<script type="text/javascript" src="min-max-width-ie6.js"></script>
<![endif]-->
</head>
Torna su