Добрый день, уважаемые яваскрипчики )
помогите разобраться:
Стиль подключаю так (стоит в документе до скрипта инициализации (если это важно) ):
|
Код:
|
<link rel = "stylesheet" href = "css/style.css" type = "text/css" id = "stylesheet" /> |
Эта функция выбирает файл стиля:
|
Код:
|
function setStyleByResolution()
{
var cssFolder; var cssFileName; // файл и папка
var styleObj = document.getElementById("stylesheet");
var sWidth = screen.width; var sHeight = screen.height;
var sParity = roundPlus (sWidth / sHeight, 1); // соотношение сторон
if (sParity == 1.3) { cssFolder = "css/p1p3/" };
if (sParity == 1.6) { cssFolder = "css/p1p6/" };
if (sParity == 1.8) { cssFolder = "css/p1p8/" };
cssFileName = cssFolder + sWidth + "x" + sHeight + ".css";
styleObj.href = cssFileName; // например "css/p1p8/1920x1080.css"
} |
(roundPlus - функция для округления до одного знака после запятой (так, для информации))
суть проблемы:
всё отлично работает! но если пишу доктайп html5 (<!DOCTYPE html>),
работать перестаёт; вернее все стили подхватываютя,
не работает
только позиционирование
стиль - top: 424; left: 1404; position: absolute;
отладчики ошибок не показывают...
заранее спасибо... надеюсь разберемся...