Заметки кодера сайтов

Чтобы задать нескольким блокам высоту, равную высоте максимального по высоте блока, придется прибегнуть к скрипту:

<script>
jQuery.noConflict();
(function($){
$(document).ready(function(){
    var maxH = 0;
    $("div.name").each(function () {
        var h_block = parseInt($(this).height());
        if(h_block > maxH) {
            maxH = h_block;
        };
    });
    $("div.name").height(maxH);
});
})(jQuery);
</script>

Данный скрипт выбирает из ряда блоков с классом name максимальную высоту блока и назначает ее всем остальным. В этом примере я использовал скрипт в режиме предупреждения конфликтов, добавив jQuery.noConflict();

Это помогло избежать многих проблем в конкретном случае на сайте, где я использовал этот метод

<div class="name">Текст в блоке</div>

Рекламный блок

{source}
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Квадрат -->
<ins class="adsbygoogle"
style="display:inline-block;width:250px;height:360px"
data-ad-client="ca-pub-5475749654440008"
data-ad-slot="9614855376"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
{/source}