Уважаемые форумчане, помогите решить проблему.
Суть такая: есть сайт, где вначале определяется ширина экрана
<script language=JavaScript>
if (screen.width <= '800') {document.write ('<LINK href="style800.css" rel="stylesheet" type="text/css">');
}
else if (screen.width <= '1024') {document.write ('<LINK href="style1024.css" rel="stylesheet" type="text/css">'); }
else if (screen.width <= '1152') {document.write ('<LINK href="style1152.css" rel="stylesheet" type="text/css">'); }
else if (screen.width <= '1280') {document.write ('<LINK href="style1280.css" rel="stylesheet" type="text/css">'); }
else if (screen.width <= '1440') {document.write ('<LINK href="style1440.css" rel="stylesheet" type="text/css">'); }
</script>
и соответственно работает одна из CSS (css800, css1024, css1152, css 1280, css1440).
Эта конструкция не всегда работает с IE (одна из политик IE не позволяет скрипты запускать), в Mozzil'e всё в порядке.
Хотел обойти эту проблему таким образом (без использования script)
<link href="style'+screen.width+'.css" rel="stylesheet" type="text/css">
Соответственно если ширина экрана 1440, то screen.width=1440 и используется таблица стилей css1440.
Но не работает блин.
Вот собственно и вся проблема.
Помогите советом.
Вот страница
сайта. Сделать разрешение одно для IE не получится, т.к. в дизайне справа есть картинка на фоне.