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

Popular posts from this blog

php - Calling a template part from a post -

Firefox SVG shape not printing when it has stroke -

How to mention the localhost in android -