CSS высота столбцов снова

Question

Как, без фоновых трюков, установите столбец содержания № 3 равным красной колонке?

<div class="container"> 
<aside> 
    content#1<br /> 
    content#1<br /> 
    content#1<br /> 
    content#1<br /> 
    content#1<br /> 
    content#1<br /> 
</aside> 
<div class="some"> 
    content#2<br /> 
    content#2 
</div> 
<div class="some"> 
    content#3 
</div> 

Красные и синие первые столбцы являются динамическими, но красный всегда является самым длинным.

Пример: http://jsfiddle.net/eakDL/2/

Answer 1

Таким образом Вы добавляете следующие ЯШ:

setPositions = function(){ 
    var container = document.getElementById("container"); 

    var redHeight = container.children[0].offsetHeight; 
    var blueOneHeight = container.children[1].offsetHeight; 
    var blueOneBottomMargin = parseFloat(window.getComputedStyle(container.children[1]).marginBottom); 

    var bluenTwoTopMargin = parseFloat(window.getComputedStyle(container.children[1]).marginTop); 

    var blueTwoHeight = redHeight-(blueOneHeight+blueOneBottomMargin+bluenTwoTopMargin)+2; 

    container.children[2].style.height = blueTwoHeight+"px"; 
} 

к вашей скрипке, и вы получите this fiddle.

Answer 2

Я добавил некоторые JQuery код

$(document).ready(function() { 
    $(".some").css("height", ($(".container").find("aside").height()/2) - 3); 
}); 

Попробуйте это: http://jsfiddle.net/eakDL/6/ Я не уверен, если я верно вас понял.