Right, this has been annoying me for hours. I've been coding this:
Index
Style Sheet:Code:<div id="_content_area"> <div id="_content_area_2"> <div id="_content_base_1"> <div id="_title_4"> Hey </div> Hey4 </div> <div id="_content_base_2"> <div id="_title_4"> Hey </div> Hey4 </div> <div id="_content_base_3"> <div id="_title_4"> Hey </div> Hey4 </div> </div> </div> </div> <div id="_footer_bg"> Hey... </div>
But whenever I type this in it looks like this:Code:div#_content_area { width: 936px; padding-top: 25px; padding-bottom: 25px; text-align: left; } div#_content_area_2 { width: 936px; } div#_content_base_1 { width: 312px; height: 150px; float: left; } div#_content_base_2 { width: 312px; height: 150px; float: left; } div#_content_base_3 { width: 312px; height: 150px; float: left; } div#_content_base_4 { width: 396px; } div#_title_4 { font-size: 15px; margin-bottom: 10px; font-weight: bold; } div#_footer_bg { background-image: url( "_baseimages/_footer_bg.png" ); width: 100%; height: 167px; }
the main content area is over lapping the footer, and I honestly cannot figure out how to fix it.
All help will be welcomed!