IE не понимает стилей, заданных черех setAttribute

Столкнулся с такой проблемой. Так как Я большой фрик, то всякими библиотеками Я не пользуюсь. Мне проще написать свой кроссплатформенный скрипт, а не использовать всякие jquery и прочее. Да и навыки Javascript не теряются.

Так вот. Стал вопрос о размещении на странице по центру элемента. Что делаем?

Берём, создаём новую ноду

var node = document.createElement(“div”);

и к нему присобачиваем все аттрибуты:

node.setAttribute(“style”,”…”);

так вот этот вот style у меня нифига не применился в IE. Долго ковырялся. Пришлось делать так:

1. Создаём ноду;
2. Устанавливаем “родные” аттрибуты (типа id, src и прочее);
3. Добавляем ноду в документ;
4. Выцепляем объект через getElementById();
5. Назначаем нужные стили.

Тогда будет работать и в IE.

Полный код:

var iframe = document.createElement(“div”);
iframe.setAttribute(“id”,”newWindow”);

document.body.appendChild(iframe);

var ggg = document.getElementById(“newWindow”);
ggg.style.position = “absolute”;
ggg.style.margin = “auto”;
ggg.style.top = “20px”;
ggg.style.left = “” + (getDocWidth()/2-500) + “px”;
ggg.style.width = “1000px”;
ggg.style.height = (getDocHeight()/-40) + “px”;