Equal DIV tables?

mar · February 12, 2013, 5:12pm

Hi!
I’m trying to make my sidebar and main div the same height so the background color goes all the way down to the footer. I’ve tried every tip I could find but it just doesn’t work. Now the main div is stuck underneath the sidebar div.

[code]

Text

[/code]

Here’s my css:

[code]div#sidebar1
{
width: 970px;
height: auto;
top: -130px;
left: 0px;
position: relative;
background: #FAF9F9;
position: center;
margin-bottom: 0px;
margin: 0 auto 0 auto;
z-index: 0;
}

div#side
{
z-index: 100;
width: 250px;
left: 0px;
top: 3px;
text-align:justify;
color:#272727;
margin-top: 5px;
margin-left: 5px;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 5px;
position: relative;
border-right: 1px solid #a85a5a;
}[/code]

mar · February 12, 2013, 5:13pm

Sorry forgot to add the main div:

div#main { z-index: 100; width: 700px; left: 260px; text-align:justify; color:#272727; margin-top: 15px; margin-bottom: 15px; position: relative; border-left: 1px solid #a85a5a; padding-top: 15px; padding-bottom: 15px; padding-right: 5px; padding-left: 5px; }

m11 · February 13, 2013, 5:00am

Have you read this one?

I personally use JavaScript for this problem but it’s not a great solution either