Menu
Okay so there’s this code I wrote and I am using server side includes and I don’t know if that could have something to do with this but anyhow. My container div height will not extend with the content div. I have tried overflow:hidden; clear:both; min-height:100%; height:100%; height:auto; I DON’T KNOW WHAT IS WRONG…. There are divs nested in the #container div, there are two sidebars which I am using ssi’s for and there is the content div. and the container won’t contain the stupid content. Nothing is floated.
body {background-image:url(background.png);
font-family:Tahoma, Geneva, sans-serif;
font-size:12px;
color:#333;
margin:auto;
}
#container {background:#f5efdb;
width:910px;
min-height:1600px;
height:auto;
margin:auto;
margin-top:50px;
text-align:center;
box-shadow:-5px 5px 20px #333;
padding:5px;
overflow:auto;
}
#content {text-align:left;
color:#333;
padding-left:20px;
padding-right:20px;
width:580px;
height:auto;
overflow:auto;
}
#leftside {width:150px;
padding-left:5px;
text-align:left;
}
#rightside {width:150px;
padding-right:5px;
text-align:right;
}
a {color:#685144;
text-decoration:none;
}
td {padding:0px;
text-align:left;
}
#description {text-align:left;
padding:5px;
}
#tdleft {padding:0px;
text-align:right;
}
#tdright {padding:0px;
text-align:left;
}
#tdcenter {padding:0px;
text-align:center;
}
table {padding:5px;
text-align:left;
}
#tdpad {padding:10px;
}