内容框架内的页脚

时间:2012-10-12 11:50:36

标签: html css wordpress

页脚位于网站框架内而非下方:

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;
}

并且在投资组合页面上看不到页脚:

2 个答案:

答案 0 :(得分:0)

从div#primary和div#footer中删除绝对位置。

答案 1 :(得分:0)

现在您的css样式中的一些变化就像这样

布局编码中只有三个改变而不是你的设计是完美的演示在

之下
#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 
}

enter image description here

如果你现在在你的html页面中找到这个css而不是在你的主css styesheet中找到这个

#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
    }