Резиновая верстка 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'.
|