HTML+CSS+JavaScript

Здравствуйте Уважаемое сообщество.
Ни поможете написать JS который бы расчитывал высоту области content на сайте.
Вот сайт http://my-page48.narod.ru/index2.html
Область контента обведена черной рамкой в 1 пиксел, Нужен скрипт который бы расчитывал высоту content в пикселах.

var iH = document.getElementById('content').offsetHeight; alert(iH);

.

А как теперь это значение высоты задать для сайдбара.

<div class="sidebar" id="sideRight"> ... </div>

var iH = document.getElementById('sideRight').offsetHeight;

на будущее, лучше ознакомиться с методом getElementById, чтобы вопросв не возникало

Может я что неправильно собрал, в index.html пишу в head код

<script type="text/javascript">     var iH = document.getElementById('content').offsetHeight;      alert(iH);     var iH = document.getElementById('sideRight').offsetHeight;     </script>

В чём ошибка не скажете?

я сам хочу вас спросить: В чём ошибка не скажете, что не так работает как ожидалось?

Ошибка, вероятнее всего, в том, что браузер ещё не знает, что на странице есть элементы с id=content и id=sideRight

Надо или поместить этот скриптовой блок после тега </body>
Или оформить это дело ФУНКЦИЕЙ, коя подключается ПОСЛЕ окончания загрузки всех элементов документа (включая элементы с id=content и id=sideRight)

Ни скажете как оформить функцией?

<script type="text/javascript"> onload = function ()    {     var iH = document.getElementById('content').offsetHeight;      alert(iH);     var iH = document.getElementById('sideRight').offsetHeight;        } </script>

Смотрите http://my-page48.narod.ru/index2.html
Вроде бы всё нормально, скрипт расчитывает значение высоты content, но значение высоты sideRight не изменилось, почему?

Так не Вася=Петя надо писать, а наоборот - Петя=Вася.
В последней строке уберите var и не просто поменяйте местами выражения, а УСТАНОВИТЕ стиль:

document.getElementById('sideRight').style.height = iH + 'px';

Спасибо всё заработало, а Вы не дадите ссылку на материал по JS где описанны примерно вот такие вещи

<script type="text/javascript">  onload = function ()     {      var iH = document.getElementById('box_content').offsetHeight;       alert(iH);      document.getElementById('sideLeft').style.height = iH + 'px';         }  </script>

Не скажете как прописать условие что если высота content<400px, то высота content=400px.

min-height

Как это значение поставить в скрипт?

это css, задав это свойство, блок будет без всяких скриптом 400 пикселов и не меньше.

Что css это понятно, а как быть если в скрипте прописать надо?

onload = function ()     {      var iH = document.getElementById('box_content').offsetHeight;     if(iH<400) {         iH=400;         document.getElementById('box_content').style.height = iH+'px';     }    }  </script>

Спасибо, очень помогло
вот скрипт с учётом разных зачений высоты сайдбара и контена
(при условии что сонтент < области сайдбара и контент > области сайдбара )

<script type="text/javascript">       onload = function ()          {           var iH = document.getElementById('content_str').offsetHeight;          var iH2 = document.getElementById('sideLeft').offsetHeight;          alert(iH);         alert(iH2);         if(iH<iH2) {              iH2=583;              document.getElementById('sideLeft').style.height = iH2+'px';          }          if(iH>iH2) {              document.getElementById('sideLeft').style.height = iH+'px';          }         }   </script>