html - コンテンツ フレーム内のフッター

Question

フッターが Web サイト フレームの下ではなくフレーム内に配置されている:

http://www.lauradawaf.co.uk/contact

HTML

<div id="footer">
    <div id="footer-inner">
    <span>Laura Dawaf &copy; | +44(0)7979 427 527 | <a href="mailto:info@lauradawaf.co.uk">info@lauradawaf.co.uk</a </span>
                    </div>

<a href="#top">Back to top.</a>
                </div>

CSS

#footer {
    margin:0px;
    font-size: 11px;
    margin:54px 0 0 0;
    color: #9E9D9D;
}

フッターはポートフォリオ ページに表示されません。

Answer 1

div＃primaryとdiv＃footerから絶対位置を削除します。

Answer 2

今、あなたのcssスタイルシートにいくつかの変更があります

あなたの設計よりもレイアウトのコーディングを変更するのは3つだけで、完璧なデモは以下のとおりです

#project_thumbnails.isotope{
overflow:hidden;  // remove this line in your inline stylesheet
}


#primary.isotope-item{
position:abslute; // remove this line in your inline stylesheet
}

#footer.isotope-item{
position:absolute; // remove this line in your inline stylesheet 
}

この CSS が HTML ページにある場合は、メインの CSS スタイルシートに次のように適用します。

#project_thumbnails.isotope{
    overflow: auto !important;  // add this css in your main css file
    }


    #primary.isotope-item{
    position:static  !important; //add this css in your main css file
    }

    #footer.isotope-item{
    position:static !important; // add this css in your main css file
    }