В IE не работает загрузка CSS в зависимости от разрешения экрана

[chandrasecar]

На сайте фон меняется в зависимости от разрешения экрана. Фон описывается через CSS файл, и подгружается через JavaScript в шаблоне сайта:

<script>
	if (screen.width == 3200)
	document.write('<link href="/templates/GoldFlowers/css/3200.css" rel="stylesheet" type="text/css">');
	if (screen.width == 2560)
	document.write('<link href="/templates/GoldFlowers/css/2560.css" rel="stylesheet" type="text/css">');
	if (screen.width == 2048)
	document.write('<link href="/templates/GoldFlowers/css/2048.css" rel="stylesheet" type="text/css">');
	if (screen.width == 1920)
	document.write('<link href="/templates/GoldFlowers/css/1920.css" rel="stylesheet" type="text/css">');
	if (screen.width == 1680)
	document.write('<link href="/templates/GoldFlowers/css/1680.css" rel="stylesheet" type="text/css">');
	if (screen.width == 1600)
	document.write('<link href="/templates/GoldFlowers/css/1600.css" rel="stylesheet" type="text/css">');
	if (screen.width == 1540)
	document.write('<link href="/templates/GoldFlowers/css/1540.css" rel="stylesheet" type="text/css">');
	if (screen.width == 1440)
	document.write('<link href="/templates/GoldFlowers/css/1440.css" rel="stylesheet" type="text/css">');
	if (screen.width == 1400)
	document.write('<link href="/templates/GoldFlowers/css/1400.css" rel="stylesheet" type="text/css">');
	if (screen.width == 1280)
	document.write('<link href="/templates/GoldFlowers/css/1280.css" rel="stylesheet" type="text/css">');
	if (screen.width == 1152)
	document.write('<link href="/templates/GoldFlowers/css/1152.css" rel="stylesheet" type="text/css">');
	if (screen.width == 1024)
	document.write('<link href="/templates/GoldFlowers/css/1024.css" rel="stylesheet" type="text/css">');
	if (screen.width == 800)
	document.write('<link href="/templates/GoldFlowers/css/800.css" rel="stylesheet" type="text/css">');
	if (screen.width == 640)
	document.write('<link href="/templates/GoldFlowers/css/640.css" rel="stylesheet" type="text/css">');
</script>

так вот в IE - это единственный браузер - такое не работает, фон не грузит. В чем проблема?

Пример CSS который загружается через вышеописанный скрипт:

@charset "utf-8";
/* CSS Document */

body {
	background: url(../image/1024/fon1024.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-attachment: fixed;
	
	font-family: Helvetica,Arial,sans-serif;
	margin: 0px 0px 0px 0px;
	font-size: 12px;
}

[Johnatan]

вместо всего этого сделайте вот так:
<script>
alert(screen.width);
</script>

И узнаете, почему IE не выводит бэкграунд. IE считает ширину по-другому, чем браузеры.

[chandrasecar]

<script>
alert(screen.width);
</script>

Этот скрипт выводит текущую ширину экрана в пикселях. И как это мне поможет?

[dekameron]

Попробуйте указывать ширину диапазонами,

if (screen.width < 1540 && screen.width >= 1440)
	document.write('<link href="/templates/GoldFlowers/css/1440.css" rel="stylesheet" type="text/css">');
....

[div-looser]

Вам нужно изменить структуру. Попробуйте вписать джаваскрипт в Ваш html, не подгружая его с отдельного файла.

А вообще вот:
Any scripts added to the page using document.write are not run until after the script that adds them has finished running in some browsers while other browsers will run it straight away. You will therefore get ABC in some browsers and ACB in others. The best solution is to scrap the outdated document.write statement and replace it with either server side processing or innerHTML or DOM calls none of which have that ordering problem. The only other alternative is to make sure that any scripts added by document.write statements always come last in the script and move the write of C into the other script.

[chandrasecar]

[QUOTE=div-looser;784687]Вам нужно изменить структуру. Попробуйте вписать джаваскрипт в Ваш html, не подгружая его с отдельного файла.

Так оно и сделано. На самом деле сделано все правильно. Видимо проблема в шаблоне - где ошибка из-зи которой IE не читает.