Позиционирование DIV с помощью Javascript

Question

У меня есть два деления, которые мне нужно расположить горизонтально в зависимости от ширины экрана пользователя. Я стилизовал их вертикальное положение в CSS и пытаюсь расположить их горизонтально с помощью Javascript.

Мои дивы:

<div id="tl">
     blah blah
</div>
 <div id="bl">
     blah blah
</div>

Мой CSS:

#tl {
position: absolute;
top: -14px;
right: 0;
}
#bl {
position: absolute;
bottom: 1px;
right: 0;
}

Мой Javascript:

var tl = document.getElementById('tl');
var bl = document.getElementById('bl');
var wide = parseInt(screen.width);
var nudge = wide*.86;
nudge = nudge+21;
tl = tl.style;
tl.right = ( parseInt(tl.right) + nudge );
bl = bl.style;
bl.right = ( parseInt(bl.right) + nudge );

Однако ... ничего не происходит. Никаких ошибок и определенно никаких движений от моих дивов. Что я делаю неправильно? Кто-нибудь может помочь?

Answer 1

Сделайте свой «правильный» стиль встроенным:

<div id="tl" style="right:0">
    blah blah
</div>
<div id="bl" style="right:0">
    blah blah
</div>

Answer 2

JQuery делает это очень легко http://jquery.com/

$("#t1").css( {"right" : $("#t1").position().right+$(window).width()*0.86+21} );