Equal height sidebar

by zaknotzak

HTML

<div id="content">
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus a enim ut eros consequat sagittis. Aliquam magna lorem, cursus eget porta ac, congue vitae dui. Donec euismod nisi a nisi vehicula porta. Suspendisse sem orci, ultrices et iaculis et, consequat vitae diam. Morbi laoreet fermentum porttitor. Nulla nisl magna, scelerisque in posuere sit amet, rutrum ut neque. Suspendisse dignissim, leo id consectetur bibendum, sem nulla viverra nibh, ut pretium purus purus nec elit. In iaculis dui a lectus luctus vulputate. Maecenas adipiscing venenatis felis, imperdiet aliquet dui commodo sit amet. Nulla nisi elit, eleifend vel varius nec, sagittis eget orci. Ut euismod venenatis augue, a ultricies quam dapibus sit amet. Mauris venenatis scelerisque enim at pulvinar. Nam egestas ullamcorper nisi sed rutrum. Vivamus ac elit nibh, in cursus nisl. Nullam ultricies eros et enim faucibus ultricies ornare arcu venenatis.

Praesent ut erat nec metus hendrerit vestibulum quis et ante. Proin at sapien eget turpis eleifend placerat. Pellentesque tortor ligula, vulputate non imperdiet et, accumsan vel nisi. Curabitur purus turpis, interdum et tempus eu, tincidunt et purus. Aliquam diam quam, placerat ac viverra vel, lobortis non lorem. Suspendisse nec diam ante, non aliquam purus. Fusce id egestas dolor. Sed sodales lacinia metus, in aliquet velit porttitor at. Fusce nisi nisl, ornare non ultricies eget, commodo lobortis ipsum. Nam convallis interdum mollis. Curabitur eu elit enim, et sagittis elit. Pellentesque iaculis lacinia diam quis varius. Nullam adipiscing euismod mauris quis faucibus.

Ut sit amet est id ligula viverra feugiat. Curabitur a odio eget ante egestas tincidunt. Phasellus quis placerat nibh. Fusce vitae lorem a nisi laoreet luctus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam volutpat mauris eget nulla lacinia quis volutpat augue convallis. Etiam ultrices convallis hendrerit. Duis vestibulum pellentesque velit ac...

CSS

#content, #sidebar {
    padding: 15px; float: left;}
#content {
    width: 200px; border: 1px solid #ccc;}
#sidebar {
    width: 80px; background: #e1e1e1;}

JavaScript

// Get height of #content div
var contentHeight = $("#content").height() + "px";

// Set #sidebar height
$("#sidebar").height(contentHeight);