Equal DIV tables?

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.



Here’s my css:

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;

z-index: 100;
width: 250px;
left: 0px;
top: 3px;
margin-top: 5px;
margin-left: 5px;
padding-top: 15px;
padding-bottom: 15px;
padding-right: 5px;
position: relative;
border-right: 1px solid #a85a5a;

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; }

Have you read this one?

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

Sponsor our Newsletter | Privacy Policy | Terms of Service