页脚中的神秘间隙

在网站上更改页脚并且很难排除为什么我在网站的页脚中出现空白。希望拥有白色背景的.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

页脚中的神秘间隙

回答

相关问题