Абсолютно позиционированный блок опустить так, чтобы его середина совпадала с нижней границей другого блока

@BigBob · Регистрация: 30.07.2013

Author24 — интернет-сервис помощи студентам

Всем добрый вечер!!!
Нужно, чтобы середина блока discount_head_cont совпадала с нижней границей head_cont. Уже три часа воюю, не могу найти решение. Предполагаю, что что-то пропустил. Код нашел в сети и переделал под себя. Вручную в css вписал, все ОК. А скрипт не работает.
Заранее благодарю всех откликнувшихся.

HTML5

<div class="cont">
   <div class="discount_head_cont"></div>
   <div class="head_cont"></div>
</div>

CSS

.cont{
    position: relative;
}
.discount_head_cont{
    position: absolute;
}

Javascript

$(document).ready(function ()
    {
    redBlock();
    
    $(window).resize(function()
    {
    redBlock();
    });
    });
 
function redBlock()
    {
var head_height = $(".head_cont").innerHeight();
var discount_head_height = $(".discount_head_cont").innerHeight();
var discount_head_top = (head_height - (discount_head_height / 2));
$(".discount_head_cont").css("top", discount_head_top+"px");
    };

Добавлено через 3 минуты
Ребята, извините, создал тему, просмотрел что получилось, и осенило...
Вопрос решен.

@rikimaru2013 · 22.08.2014, 22:33

HTML5

<div class="cont">
   <div class="head_cont"></div>
   <div class="discount_head_cont"></div>   
</div>

CSS

1
2
3

.cont {position:relative;}
.discount_head_cont {position:absolute;bottom: -20px; }
.head_cont{position:relative;}

	22.08.2014, 22:33