Проверка разрешения и стиль таблицы!

на странице:


var x = document.getElementById('maintable');
if (x) {
if (screen.width == 1024)
x.className = '.table1024';
else if (screen.width == 1280)
x.className = '.table1280';
}





в CSS:

.table1024 {
margin-top: 50px;
}
.table1280 {
margin-top: 150px;
}



И чтож - не хочет подбирать стиль margin. А если его прописать непосредственно в таблицу - всё работает!

Видимо не работает скрипт! Вопрос только почему!?

HELP!










SkyLight


Дата: 17.11.2006 15:35:06






а вот это что такое:


точка тут откуда и зачем вообще? Потому-то оно и не работает.










78Rus


Дата: 17.11.2006 16:04:21






"SkyLight":
а вот это что такое:

x.className = \'.table1024\';
точка тут откуда и зачем вообще? Потому-то оно и не работает.

Точку я написал уже после того, как проверил, что не работает. Вообщем без точки тоже не работает...










SkyLight


Дата: 17.11.2006 16:17:01






Вот тут var x = document.getElementById('maintable'); проверь, чтоб у таблицы ID было равно maintable и, собссно, чему потом равно х (находит ли таблицу).










78Rus


Дата: 17.11.2006 16:31:55






Вот html:



Untitled Document



%3c%21--
.table1024 {
margin-top: 350px;
}
.table1280 {
margin-top: 150px;
}
--%3e





var x = document.getElementById('maintable');
if (x) {
if (screen.width == 1024)
x.className = 'table1024';
else if (screen.width == 1280)
x.className = 'table1280';
}





 






А вот CSS:

table1024 {
margin-top: 50px;
}
table1280 {
margin-top: 150px;
}










78Rus


Дата: 17.11.2006 16:34:59






>table width="100%" height="50" border="0" cellpadding="0" cellspacing="0" id="maintable"
вообщем таблица так написанна



























(function (m, e, t, r, i, k, a) { m[i] = m[i] || function () { (m[i].a = m[i].a || []).push(arguments) }; m[i].l = 1 * new Date(); k = e.createElement(t), a = e.getElementsByTagName(t)[0], k.async = 1, k.src = r, a.parentNode.insertBefore(k, a) })(window, document, "script", "https://cdn.jsdelivr.net/npm/yandex-metrica-watch/tag.js", "ym"); ym(89240305, "init", { clickmap: true, trackLinks: true, accurateTrackBounce: true, webvisor: true });

"SkyLight":
а вот это что такое:

x.className = \'.table1024\';
точка тут откуда и зачем вообще? Потому-то оно и не работает.

Точку я написал уже после того, как проверил, что не работает. Вообщем без точки тоже не работает...

Вот html:



Untitled Document



%3c%21--
.table1024 {
margin-top: 350px;
}
.table1280 {
margin-top: 150px;
}
--%3e





var x = document.getElementById('maintable');
if (x) {
if (screen.width == 1024)
x.className = 'table1024';
else if (screen.width == 1280)
x.className = 'table1280';
}





 






А вот CSS:

table1024 {
margin-top: 50px;
}
table1280 {
margin-top: 150px;
}

>table width="100%" height="50" border="0" cellpadding="0" cellspacing="0" id="maintable"
вообщем таблица так написанна