私のフッターがコンテンツ本体にオーバーラップしています

Question

フッターが自分のコンテンツ本体と重なっているので、常に下に張っておいてください。

my full web page access: 

http://www.acmearchitectural.com/sohail/ptpage1.html 

your early reply appreciated. 

おかげ

Answer 1

は、次のようにフッターにクラスを与える：

.footer{ 
    margin-top:20px; 
} 

またはあなたはあなたがボディとフッタの間のマージンを維持する必要があり

<div class="clearfix"></div> 

を書き込むことができます。

代替コード：

.card1 { 
    background: #FFF none repeat scroll 0% 0%; 
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3); 
    margin-bottom: 30px; 
    border-radius: 0px; 
    padding: 0 0px; 
    margin-bottom: 77px !important; 
} 

Answer 2

フッターのため、このスタイルを追加します。

.footer { 
    background: #000 none repeat scroll 0 0; 
    border-top: 1px solid #eaeaea; 
    bottom: 0; 
    left: 0; 
    position: static; 
    right: 0; 
    top: auto; 
    clear: both; 
    } 

Answer 3

私はあなたのページで試して、私のために働いたソリューションです。 試してみてください。

基本的には

display:inline-block; 
position: static; 

あるご.footerクラスに2つの変更がだからあなたのクラスのルック気にいらないが、以下のように見えるようにする必要があります。

.footer { 
    background: #000 none repeat scroll 0 0; 
    border-top: 1px solid #eaeaea; 
    bottom: 0; 
    left: 0; 
    position: static; 
    right: 0; 
    display: inline-block; 
}