Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Aug 2006
    Posts
    42
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Jquery equalise columns not working

    Hello

    I was wondering if someone might be able to help me. I'm trying to use Jquery to set 3 columns in my layout all to have an equal height. You can see my layout here www.juanchandler.com

    I've used this bit of code that was described here.... http://www.cssnewbie.com/equal-heigh...s-with-jquery/ but nothing happens when my page loads....ie. the two flanking columns aren't the same height as the middle one as I wanted.

    If you view the source of my page you'll see I'm linking to jquery on google's api, have the plugin code in the head of the document along with all the CSS also in the head. If someone could have a look and let me what I'm doing wrong I would be very grateful

    thank you very much.

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,956
    Thanks
    9
    Thanked 727 Times in 721 Posts
    Two things here. You have:

    Code:
    equalHeight($("#content"));
    which is only ever going to return one div to the equalHeight function. This needs to be something like:

    Code:
    equalHeight($("#content div"));
    ...but your html is structured so that there is only one div inside #content anyway - you need to rebuild your html/css so that the three column divs are all within #content - they aren't at the moment.


  •  

    Posting Permissions

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