php - Placing a full width footer under floating divs? -

php - Placing a full width footer under floating divs? -

i making website want total width footer th. looks this:

though want this:

im not sure if css using is:

you can see total css , html here: http://jsfiddle.net/mzmtv/

for full-website version: lrch.harisonbh.com

/*i'm not sure if possible or not, using floating divs*/

basically need footer div exists similar 1 in sec picture. thanks

note: below demo , code footer per request.

code: http://jsfiddle.net/mzmtv/3/

demo: http://jsfiddle.net/mzmtv/3/embedded/result

insted of below html construction

<div class="body"> <div class="footer"> &copy;<!--?php echo date("y") ?--> little stone central high <a href="#top"><p>back top</p></a> </div> </div>

you should utilize 1 :

<div id="footer_container"> <div class="footer"> &copy;<!--?php echo date("y") ?--> little stone central high <a href="#top"><p>back top</p></a> </div> </div>

css:

#footer_container { clear: both; margin-top: 194px; z-index: 1; width: 100%; background: #333333; } .footer { padding: 10px; color: #ffffff; }

screen shot:

php html css