Question

I have 2 DIVs:

<div id="sidebar"></div>
<div id="content"></div>

How would i make the sidebar div stretch the same height as the content.

Thanks for any help.

UPDATE:

Here is my example code with other elements:

http://tinkerbin.com/tkp2FZLZ

it has a content DIV in the Middle and 4 divs that makes border which is a different color.

Answer 1

You can easily get your desired results through display:table-cell;

HTML

<div id="sidebar">sidebar</div>

<div id="content">content</div>

CSS

#sidebar {
display:table-cell;
width:100px;
background:red;

}
#content {
display:table-cell;
width:100px;
background:yellow;
height:200px;
}

i think you are looking like this ;-
http://tinkerbin.com/yqyX3mXg