css - Background color not showing for a DIV -
css - Background color not showing for a DIV -
i'm not sure i'm doing wrong having problem applying background color #content. works fine if set height value allow 800px. want either auto or 100% template used throughout site. advice appreciated.
<div class="content_bg"> <div id="content"> <div id="contentleft"> </div> <div id="contentright"> <div id="contentpane" runat="server" /> </div> </div> </div> <div class="footer_bg"> <div id="footer"> <div id="footerleft"> </div> <div id="footerright"> </div> </div> </div> /* ==================================================================== content area ==================================================================== */ .content_bg { background:#dadad9 url(images/interior_content_bg_top.jpg) repeat-x center top; overflow:hidden; } #content { width:980px; margin:auto; height:auto; background:#fff; } #contentleft { float:left; width:209px; margin-top:50px; } #contentright { float:right; width:770px; margin:20px 0 0 0; } /* ==================================================================== footer ==================================================================== */ .footer_bg { background:#dadad9 url(images/interior_footer_bg.jpg) repeat-x center top; clear:both; } #footer { width:980px; height:258px; margin:auto; background:#dadad9 url(images/interior_footer.jpg) no-repeat center top; } #footerleft { width:400px; height:50px; float:left; padding: 20px 0 0 25px; } #footerright { width:100px; height:50px; float:right; padding: 20px 0 0 0; }
set overflow auto #content.
#content { width:980px; margin:auto; height:auto; background:#fff; overflow:auto; }
css
Comments
Post a Comment