Actually the display:block; in #footer is not needed - It's already in bootstrap:
Phil DoughtyWeb Designer / Guitarist Phone: +971 50 8879936 On 14 June 2012 19:21, Phil Doughty <[email protected]> wrote: > 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 ( > > >
