table - Css How to make a div same high with individual footer? -
i have this, , want fill dynamically divs, height of div panel-row-text not equal, want have same heigh (will take bigger heigh) , want footer same level or row. trying ways cant figure out. in advance!!!
<div class="panel"> <div class=panel-row> <div class="panel-row-text"> </div> <div class="panel-row-footer"> </div> </div> <div class=panel-row> <div class="panel-row-text"> </div> <div class="panel-row-footer"> </div> </div> <div class=panel-row> <div class="panel-row-text"> </div> <div class="panel-row-footer"> </div> </div> </div>
i have been using javascript + jquery solution. though ugly, works legacy browsers.
// equalize height of front page boxes function tunefrontpage() { // $('.frontpage-promo .well').height(function () { var maxheight = $('.frontpage-promo .well').max( function () { return $(this).height(); }); return maxheight; }); }
pick here: https://stackoverflow.com/a/9189443/315168
css3 flexbox might modern solution http://www.html5rocks.com/en/tutorials/flexbox/quick/ (check compatibility caniuse.com target audience)
Comments
Post a Comment