Forums

smithaa99

I had used this on another page and it made the columns level out perfectly.

http://www.onedollaronebrick.com/

There is a gap under the main content area, but editing margin-height in the style.css file doesn't seem to fix it.

What can I do to fix this?

Thanks!
Adam

Hompimpa

You can use JQuery. Wrap the sidebar and main-content with a <div id="content-wrapper"></div> then add this script:

$(function(){
   var height = $('#content-wrapper').height();
   $('#main-content, #sidebar').css('height', height);
});

Check my Fiddle: http://jsfiddle.net/tovic/DupAU/

smithaa99

Thanks Hompimpa, but it still doesn't seem to be working.

I initiated it as a separate script within tags.

Any other ideas?

Thanks,
Adam

treehouse : what would you like to learn today?

Forums

Javascript EqualHeight for Columns