Fußzeile nicht am unteren Ende

Question

Für diese Website sprang der Fußbereich die Seite http://lainjurylaw.wpengine.com/. Es sollte so aussehen: https://sandiegolawcenter.net/. Alles, was ich getan habe, war, das Heldenbild zu ändern, und die Fußzeile bewegte sich nun bis unter den oberen Bereich.

Ich habe versucht, eine klare: beides, aber das hat nicht geholfen.

HTML:

<div id="full-width-footer"> 
    <div class="container"> 
     <div class="footer"> 
      <div class="footer-left"> 
       <div itemtype="http://schema.org/Attorney" itemscope=""> 
<span class="ozols" itemprop="name">San Diego Criminal Law Center</span> 
<div itemtype="http://schema.org/PostalAddress" itemscope="" itemprop="address"> 
<span itemprop="streetAddress">1230 Columbia Street Suite 565A</span><br/> 
<span itemprop="addressLocality">San Diego</span> 
, 
<span itemprop="addressRegion">CA</span> 
<span itemprop="postalCode">92101</span> 
</div> 
<span itemprop="telephone">(619) 525-7006</span> 
</div> 
Los Angeles Accident Law Center © 2017. All Rights Reserved. 
      </div> 
      <div class="footer-right"> 

CSS:

#full-width-footer { 
    border-top: 6px solid #248bbe; 
    padding-bottom: 120px; 
    background: #2a2a2a none repeat scroll 0 0; 
} 

Answer 1

Das Problem ist, dass Sie nicht die Spalten div gelöscht haben, Ihren aktuellen Code:

<div class="columns"> 
    <div class="content"> 
    ... your content ... 
    </div> 
    <div class="sidebar"> 
    ... your content ... 
    </div> 
</div> 

nur <div style="clear:both"></div> nach der Sidebar div hinzufügen und es funktioniert gut:

<div class="columns"> 
    <div class="content"> 
    ... your content ... 
    </div> 
    <div class="sidebar"> 
    ... your content ... 
    </div> 
    <div style="clear:both"></div> 
</div> 

Answer 2

am unteren Rand der Seite Fix Ihre Fotter.

#full-width-footer { 
 
    border-top: 6px solid #248bbe; 
 
    padding-bottom: 120px; 
 
    background: #2a2a2a none repeat scroll 0 0; 
 
    position: fixed; 
 
    bottom: 0; 
 
    left: 0; 
 
    width: 100%; 
 
}

<div id="full-width-footer"> 
 
    <div class="container"> 
 
     <div class="footer"> 
 
      <div class="footer-left"> 
 
       <div itemtype="http://schema.org/Attorney" itemscope=""> 
 
        <span class="ozols" itemprop="name">San Diego Criminal Law Center</span> 
 
        <div itemtype="http://schema.org/PostalAddress" itemscope="" itemprop="address"> 
 
        <span itemprop="streetAddress">1230 Columbia Street Suite 565A</span><br/> 
 
        <span itemprop="addressLocality">San Diego</span> 
 
        , 
 
        <span itemprop="addressRegion">CA</span> 
 
        <span itemprop="postalCode">92101</span> 
 
       </div> 
 
       <span itemprop="telephone">(619) 525-7006</span> 
 
     </div> 
 
     Los Angeles Accident Law Center © 2017. All Rights Reserved. 
 
     </div> 
 
    <div class="footer-right">