Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
09-29-2010, 05:57 PM #1
- Join Date
- Aug 2006
- Thanked 0 Times in 0 Posts
Jquery equalise columns not working
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.
09-29-2010, 07:58 PM #2
- Join Date
- Feb 2009
- Ilkley, West Yorkshire, UK
- Thanked 727 Times in 721 Posts
Two things here. You have:
which is only ever going to return one div to the equalHeight function. This needs to be something like:Code:equalHeight($("#content"));
...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.Code:equalHeight($("#content div"));