Резиновая верстка CSS+JS
 

Подскажите пожалуйста. Вроде все так просто, но не получаеца...)
есть три блока <div>. один слева со свойством float:left, два правее него, один под другим. Суммарный height обоих блоков, что справа равен height'у левого блока(ну т.е. теоретически и идеалистически ). Все стили этих блоков прописаны в прикрепленном файле '.css'.
я хочу в яваскрипте узнавать текущий height левого блока и изменять в соответсвии с ним height нижнего правого блока(верхний правый статический). Делаю так:
var left = document.getElementById("left").style.height;
var rightUp = document.getElementById("rightUp").style.height;
document.getElementById("rightDown").style.height = (left-rightUp)+'px';
Понятно, что height'ы left и rightUp - это строки и мне придется превращать его в number, просто проблема в том, что у меня элементарно не получается заставить работать код:
var left = document.getElementById("left").style.height;
alert(left);
Т.е. выскакивает просто пустое окошко оповещения...
Но если писать:
document.getElementById("left").style.height = '10px';
var left = document.getElementById("left").style.height;
alert(left);
То все работает и на экран выводится окошко с текстом '10px'.

Все происходит совершенно закономерно. В style хранятся значения стилей, которые применены к данному элементу, а вам нужно фактическое значение. Стоит посмотреть в сторону clientHeight

вот так в jquery
 

value = $(id_element).attr('height');
alert(value);

все напечатает!

или так:

$(id_element).height();