Можете задопомогою jQuery:
HTML

<div data-name="block"></div>
<div data-name="block"></div>
<div data-name="block"></div>

і JS код:

var maxHeigth = 0;
//Визначаєм максимальну висоту проходячись по всіх і порівнюючи із найменшою висотою
$('[data-name="block"]').each(function(){
 var currentBlockHeigth = $(this).heigth();
 if(currentBlockHeigth > maxHeigth ){
   maxHeigth = currentBlockHeigth;
 }
});

//задаєм всім однакову висоту
$('[data-name="block"]').css( {height: maxHeigth} );

Дякую за поради))) Спробувала і Ваші варіанти, проте змін досягти не вдалося. Напевно, я повинна була ще сказати, що більшість стилів цьому сайту прописано з допомогою, наскільки я розумію, jQuery і до того ж не мною. Але щоб просто змінити якийсь з параметрів через CSS, треба робити запис наступним чином (не те, щоб треба, але інакшим чином не виходить), наприклад для задання тієї ж висоти елементам за селектором класу:

.myClass 
{
    height: 800px !important;
}

Тобто так, щоб серед заданих стилів прописаний обирався пріоритетним... З того що пробувала, працював тільки цей варіант:

    function setEqualHeight(columns)
    {
    var tallestcolumn = 0;
    columns.each(
    function()
    {
    currentHeight = $(this).height();
    if(currentHeight > tallestcolumn)
    {
    tallestcolumn = currentHeight;
    }
    }
    );
    columns.height(tallestcolumn);
    }
    $(document).ready(function() {
    setEqualHeight($(".4u > section"));
    });

Він чудово працює у Chrome і Safari. В ІЕ не можу подивитися, браузер просто не хоче запускатися взагалі (не тільки для цього сайту, а взагалі). Але у FireFox скрипт працює трохи не коректно, висота колонок задається значно меншою від вміщеного в колонки контенту (хоча колонки таки однакової висоти).

Взалалі то існує два підходи підключення скриптів, як ви вже напевно здогадались це:

<!-- підключення js-файлів  --> 
<script  src="path/to/script"></script>

<!-- i інший варіант це писати прямо в html коді --> 
<script  type="text/javascript">
// do some staff
</script>

у вашому випадку наскільки я зрозумів, ви не зрозуміли, коли саме починають підключені скрипти виконуватись
Тут є також два випадки:

• як тільки скрипт завантажився в бравзері але весь контент сторінки ще не прогрузився, тод DOM структура ще не вся завантажилась

• другий варіант це - запуск скриптів тоді коли весь DOM вже завантажився і можна робити всякі штуки із елементами на сторінці

Тому із вище сказаного можна зробити висновок, що якщо ваш js-скрипт не працює із DOM структурою документа, тоді його можна виконувати одразу, і не чекаючи коли весь DOM прогрузиться. І якщо ваш js-скрипт працює і із DOM то тут тоді потрібно чекати коли прогрузиться весь DOM і тоді починати працювати. Зараз дам два зразки коду для обох варіантів:

<script  type="text/javascript">
// без очікування завантаження всього DOM 
// можна одразу писати код
 console.log("when DOM not loaded");
//і так далі

// якщо потрібно почекати коли прогрузиться весь DOM тоді
// з допомогою jQuery
//варіант 1
$(function(){ //
 console.log("when DOM loaded");
 //і так далі 
});
// варіант 2
$(document).ready(function(){
  console.log("when DOM loaded");
 // і так далі
});

// без використання jQuery, aля чистий JS
window.onload = function() {
    console.log("when DOM loaded");
   // і так далі
};
</script>

P.S.
В мене ще не було проблем в бразерах із тим куди вставлений js-код, головне щоб він був у середині тагу body

Головне що новачок хоче сам розібратись в цьому

$(document) натякає нам, що підключений JQuery, а отже document.getElementById('block1') можна записати як $('#block1') (що ви, власне, і робите наприкінці).
Щодо вашої проблеми: змінної bmax не існує, є window.bmax.