頁腳中的神祕間隙

在網站上更改頁腳並且很難排除爲什麼我在網站的頁腳中出現空白。希望擁有白色背景的.footer_container。我有一個.aux類，其中有一些額外的版權和聯繫信息保存在頁腳容器中，但沒有從頁腳容器中攜帶白色背景顏色？我錯過了什麼嗎？可能有些東西盯着我，我只是忽略了？任何幫助，將不勝感激。頁腳中的神祕間隙

網站位於[這裏] [1]

CSS

#footer_container { 
    position: relative; 
    clear: both; 
    bottom: 0; 
    width: 100%; 
    height: 216px; 
    padding: 10px 0; 
    background: #fff; 
} 

.container_16 { 
    margin-left: auto; 
    margin-right: auto; 
    width: 960px; 
} 

.container_16 .grid_4 { 
    width: 220px; 
} 

#footer_container footer nav li { 
    margin: 0 5px 
} 

#footer_container footer nav li a { 
    display: block; 
    margin: 0 -5px; 
    padding: 2px 5px; 
    color: #222222 
} 

#footer_container footer a:hover { 
    background-color: #fbfed9; 
    color: #222222 
} 

#footer_container footer #footer_nav_container { 
    overflow: hidden; 
    background-image: ; 
} 

#footer_container footer #footer_teaser { 
    position: relative; 
    height: 141px; 
    background:#f7f7f7; 
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
} 

#footer_container footer nav li { 
    margin: 0 5px; 
} 

#footer_container footer .aux { 
    clear: both; 
    padding: 7px 5px; 
    margin: 10px 10px 24px; 
    border-top: 1px dotted #9d9d9d; 
    color: #222222; 
    font-family: "Apercu Regular", Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    font-size: 9px; 
    line-height: 12px; 
    letter-spacing: 1px; 
    text-transform: uppercase; 
} 

#footer_container footer .aux a { 
    margin: 0 -3px; 
    padding: 1px 3px; 
} 

#footer_container footer .aux div { 
    float: left; 
    white-space: nowrap; 
} 

#footer_container footer .aux .contact { 
    float: right 
} 

#footer_container footer .aux .contact div { 
    margin-left: 16px 
} 

#footer_container footer .aux .contact .cta { 
    font-family: "Apercu Bold", Arial, Helvetica, sans-serif; 
    font-weight: bold 
}

來源

2015-06-09 Eric H

兩個變化的差距。

第一個禁用padding-bottom: 40px的.page類。

.page { 
    display: block; 
    /* padding-bottom: 40px; */ 
    border-bottom: 1px solid; 
    margin-bottom: 10px; }

並禁用#footer_container'div的強制height: 216px。

#footer_container { 
    position: relative; 
    clear: both; 
    bottom: 0; 
    width: 100%; 
    /* height: 316px; */ 
    padding: 10px 0; 
    background: #fff; 
}

來源

2015-06-09 02:09:44

完美的工作。謝謝！ –

的<footer>上沒有它的背景。 #footer_nav_container有一個白色的背景，但.aux div是<footer>的孩子，坐在#footer_nav_container以下，所以它也沒有背景適用於它。我相信，將一個白色背景，以一個簡單的

footer{ 
background-color:#FFF 
}

頁腳彌合需要

來源

2015-06-09 02:05:10 chiliNUT

#footer_teaser中的＃F7F7F7是現在的佔位符。我實際上指的是.aux div與版權信息和聯繫電話的差距。我會繼續修改這個問題來澄清一點。感謝您的幫助。 –

我的不好。請參閱更新 – chiliNUT

頁腳中的神祕間隙

回答

相關問題