SitePoint Sponsor

User Tag List

Results 1 to 3 of 3

Hybrid View

  1. #1
    SitePoint Zealot
    Join Date
    Oct 2002
    Location
    Madison, WI
    Posts
    198
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Equal height columns code not working

    Hi,

    I've got three cols in the footer of my site: http://versastudio.com

    I'm using a simple equal heights script, but it's not cooperating. Ideas?

    Code JavaScript:
     
    function equalHeight2(group) 
    {     tallest = 0;     group.each(function() {         
    thisHeight = $(this).height();         
    if(thisHeight > tallest) {             
    tallest = thisHeight;         }     });     
    group.height(tallest);     
    }          
    $(document).ready(function() {equalHeight2($(".equal-height-footer-col"));});
    :::::::::::::::::::::::::::::::::::::::::::::::::::
    Versa Studio
    ExpressionEngine experts
    bas (at) versa studio dot com

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,330
    Mentioned
    463 Post(s)
    Tagged
    8 Thread(s)
    Seems to be working fine in Chrome. What browser are you checking this in?

  3. #3
    SitePoint Zealot
    Join Date
    Oct 2002
    Location
    Madison, WI
    Posts
    198
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I fixed it - padding has to be the same on the divs or the script doesn't work.

    Thanks.
    :::::::::::::::::::::::::::::::::::::::::::::::::::
    Versa Studio
    ExpressionEngine experts
    bas (at) versa studio dot com


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •