So, I’ve been looking at css for about 3 weeks now and one of the main problems that I am having is that I need to be able create a container/wrapper div to go around my content. The div that I have for the content, the height will automatically adjust depending on how much content I put into it. The container/wrapper div will not do that, but I need it because it cascades a background image for the rest of the page below my header. The code is below. Thanks for the help in advance!:rolleyes:
<div class=”wrapper”>
<div class=”ads”>
<p>Ads Are Blue.</p>
</div>
<div class=”content”>
</div>
</div>
body{
margin: 175px auto 10px auto;
width: 960px;
padding: 0px;
min-height: 500px;
height: 100%;
}
.content{
display: inline-block;
width: 612px;
padding: 15px;
min-height: 500px;
height: 100%;
}
.ads{
display: inline-block;
position: static;
width: 138px;
padding: 15px;
float: right;
clear: right;
min-height: 500px;
height: 100%;
border-radius: 0px 20px 10px 0px;
}
.wrapper{
width: inherit;
display: block;
padding: 0px;
margin-bottom: 0px;
min-height: 500px;
height: 100%;
}