You just need a footer? try adding the red markup: <!doctype html> <head> <link rel="stylesheet" href=" http://twitter.github.com/bootstrap/assets/css/bootstrap.css";> <style> #A, #B, #C, #D, #E, #F, #G, #footer{text-align:center;} #A{background:#ccc;height:72px;margin-top:20px;} #B{background:#ddd;height:128px; float:left;} #C{background:#eee; float:right;} #D{background:#888;height:92px;} #E{background:#999; float:left;} #F{background:#666;position:relative;top:-92px; float:right;} #footer{background:#000;color:#fff;display:block;} .row-fluid [class*="span"] {margin-left: ???%;} </style> </head> <body> <div class="container-fluid"> <div class="row-fluid"> <div id="A" class="span12"><h2>A [span12] (ad)</h2></div> </div><!-- /row --> <div class="row-fluid"> <div id="B" class="span2"><h2>B [span2] (logo)</h2></div> <div id="C" class="span10"><h2>C [span10] (navigation bar)</h2></div> <div id="D" class="span6"><h2>D [span6] (anouces)</h2></div> </div><!-- /row --> <div class="row-fluid"> <div id="E" class="span8"><h2>E [span8] (content area)</h2></div> <div id="F" class="span4"><h2>F [span6] (sidebar)</h2></div> </div><!-- /row --> </div><!-- /container -->
<div class="container-fluid"> <div class="row-fluid"> <div id="footer" class="span12"> <p><small class="pull-right">© About a year ago till - 2012 AK-47AlmostPerfect.com - Most Rights Reserved.</small></p> </div> </div><!-- /row --> </div><!-- /footer --> </body> </html> Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936 On 14 June 2012 17:48, 0zz <[email protected]> wrote: > well, now, because of negative positioning, we have a big gap under > all blocks (( > "clear: all" for footer "SPAN12" doesn't help (
