頁腳

2012-10-12 53 views
0

頁腳坐在網頁框架中,而不是在它下面:頁腳

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:[email protected]">[email protected]</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; 
} 

和頁腳在投資組合頁面上不可見:

+0

你的問題是什麼? – Cthulhu

回答

0

現在,在你的CSS樣式SEET像這樣

只有三個改變比你德興佈局編碼的某些變化是完美的演示低於

#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頁面中更像這樣

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

謝謝!我在哪裏可以在Wordpress中找到內聯樣式表? – user1096057

+0

@sorry但我不知道在wordpress中,但你可以在你的樣式表中添加這個css!重要的覆蓋像這樣#primary.isotope-item {position}:static!important; }#footer.isotope-item {position}:static!important; } #project_thumbnails.isotope { overflow:auto!important; } –

+0

謝謝,雖然它似乎把技能頁上的滾動條! – user1096057

0

從div#primary和div#footer中刪除絕對位置。