Hey Glenn.. Wanted to get your take about adding the javascript solution I found to this module and submitting an update to this add-on.. Wanted to get your three cents.. I've had a few days to play with the javascript and it works as one would expect without any issues (equalizes the height of the row based on the tallest middlebox in each row) and the best part is it works in **cough cough** IE8 and IE9.

I think that I need to include the proper modified template files which load the latest version of jQuery from jQuery's CDN. However, I will want to update the readme documents with information to help guide folks into cleaning up potential conflicting jQuery libraries they may already have in their template files from other add-ons..

Your thoughts??

Quote Originally Posted by DivaVocals View Post
So I'm still playing.. As I was Googling for solutions, I kept running into more jQuery solutions versus CSS solutions.. Tried a NUMBER of them, and some work, others do not work QUITE as I would like/expect.. After some trial and error, I finally settled on one from this site: http://blog.huidesign.com/make-equal...mns-by-jquery/

Code:
<script  type="text/javascript">
 $(document).ready( function(){
    function equalHeight(obj){
        var heightArray = obj.children("div").map( function(){
                 return  $(this).height();
                 }).get();
        var maxHeight = Math.max.apply( Math, heightArray);
        obj.children("div").height(maxHeight);
            }
            
    $(".navColumnMiddleWrapper").each( function(){
                equalHeight( $(this));
                                           })
    
    $("a.showLink").click(function(){
            $(this).parents().children("span").toggle();
            $(this).parents(".navColumnMiddleWrapper").children().removeAttr("style");    
            equalHeight( $(this).parents("div"));            
            });
                         })
</script>
The beauty of this one is it's a solution that works specifically well when there is dynamic content.. and in the layout I'm tweaking I really don't want the height of the second row to be based on the longest item in the first row.. It seems to equalize each row separately (which is what I do want). The big advantage of this method is that it probably also works in that browser we all love to hate *coughIE6/7cough*..

Because I'd really like to get a pure CSS solution eventually, I am gonna mess around with display: table-cell and hammer out a solution.. I found a good guide to help with me understand how I need to set it up (http://www.456bereastreet.com/archiv...oxes_with_css/). In the meantime I may stick with the javascript solution because it appears that a pure CSS solution will equalize ALL the rows, and that's not quite what I want...