CSS / HTML Code not working right?

J

Jon H

New member
<div id="bigbg">
<div class="contaner">

</div>
</div>

^^that is the divs for the css.

#bigbg {
background: url(../images/bg2.png);
left: 50%;
margin-left: -440.5px;
width: 880px;
position: absolute;
top: 0px;
height: auto;
min-height: 100%;
}

.contaner {
width: 857px;
text-align: left;
position: absolute;
top: 0px;
left: 50%;
margin-left: -428.5px;
background: #FFF;
height: auto;
min-height: 100%;
}

^and that is the css, now my problm is that the contaner works fine, the full div goes to the bottom of the page and with adding min-height: 100%; and height: auto; it works fine but the #bigbg has the same styles and does not work the same :( because it looks fine but then if your page is longer than your browser and u have to scrole to the bottom of the page the bigbg does not go all the way to the bottom? but the contaner does when its basicly the same styles and i cant think how to fix it :( dont know is i have explaned this to well but please help if u can.

thanks
 
Back
Top