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>