本网站正在使用后端Web进行打印,称为Zoo Printing。我工作的客户不喜欢他们的原创设计,所以我被雇用他们的开发团队重新设计它来处理后端。我们无法找到页脚(哪个是全局的)在除了首页之外的其他任何页面上被切断的原因。他们的开发人员在指责我的代码,并不会告诉我问题来自哪里。你们中的一个人可以检查我的代码,并告诉我会造成这种情况吗?网址是Advanced Litho。CSS - Footer在全球页脚的其他页面上切断本身
首页正在寻找完美的页脚,但是当您转到另一页时,您会看到它在底部如何切断。
<div id="footer">
<div class="content_width">
<h1>The Largest Selection of Offset & Digital Products in the Market Today</h1>
<a href="https://www.facebook.com/AdvancedLithoPrinting" target="_blank"><img src="http://www.offsetprinting.com/img/custom_images/facebook_icon.png" /></a> <!-- Facebook Link -->
<a href="https://www.linkedin.com/pub/advanced-litho-printing-bindery/42/556/a54" target="_blank"><img src="http://www.offsetprinting.com/img/custom_images/linkdin_icon.png" /></a> <!-- Linkdin Link -->
<a href="x"><img src="http://www.offsetprinting.com/img/custom_images/instagram_icon.png" target="_blank" /></a> <!-- Instragram Link -->
<ul> <!-- Footer Navigation Menu -->
<li><a href="http://www.offsetprinting.com/">Home</a></li>
<li><a href="http://www.offsetprinting.com/account/contact">Contact</a></li>
<li><a href="https://secure.offsetprinting.com/account/estimate">Quotes</a></li>
<li><a href="http://www.offsetprinting.com/helpcenter">Help Center</a></li>
<li><a href="https://secure.offsetprinting.com/samples">Samples</a></li>
</ul>
</div>
<div id="terms_policy">
<a href="http://www.offsetprinting.com/pages/terms-and-conditions" target="_blank">TERMS & CONDITIONS</a> | <a href="http://www.offsetprinting.com/pages/privacy-policy" target="_blank">PRIVACY POLICY</a>
</div>
</div> <!-- End of Footer -->
<div id="copyright"> <!-- Copy Right at Lower of Footer -->
<h4>© <a href="www.advancedlitho.com">2015 Advanced Litho Printing & Bindery</a> + 20996 Bake Parkway, Suite 112 + Lake Forest CA 92630-2169 + (949) 215-9060 + Fax (949) 215-9181</h4>
</div>
#terms_policy {
margin:0px auto;
width:259px;
color:#FFF;
}
#terms_policy a {
color:#FFF;
}
#terms_policy a:hover {
color:red;
text-decoration:none;
}
#footer {
height:190px;
border-top: 1px solid #000;
clear: both;
background-color:#343232;
}
#footer .content_width {
height:150px;
background-color:#343232;
padding-top: 14px;
text-align: center;
color: #333333;
}
#copyright {
border-top: 1px solid #000;
clear:both;
height:47px;
background-color:#cec41e;
}
#copyright h4 {
text-align: center;
width:100%;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
#copyright a {
color:#000;
text-decoration:none;
}
#copyright a:hover {
color:red;
}
#footer h1 {
padding:0px;
margin:0px;
font-family: 'Open Sans', sans-serif;
font-size:14px;
color:#FFF;
}
#footer img {
margin-top:25px;
margin-right:5px;
height:40px;
-webkit-transition-duration:0.8s;
-moz-transition-duration:0.8s;
-o-transition-duration:0.8s;
transition-duration:0.8s;
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
transition-property: transform;
overflow:hidden;
}
#footer img:hover {
-webkit-transform:rotate(360deg);
-moz-transform:rotate(360deg);
-o-transform:rotate(360deg);
transform:rotate(360deg);
}
#footer li {
display:inline-block;
border-right:1px solid #FFF;
float:left;
margin:0px;
padding: 0 8px;
}
#footer li:nth-child(1) {
border-left:1px solid #FFF;
}
#footer ul {
margin-left:250px;
}
#footer li a {
font-family: 'PT Sans Narrow', sans-serif;
font-size:18px;
color:#FFF;
}
像@caitilin中号提到这是从offsetprinting.com main.css的到来, 因为advancedlitho正在显示通过一个iframe,你将不得不改变offsetprinting.com目录下的main.css。简单地删除位置:绝对,它看起来更好。 – Spade
这是疯狂的一部分。我只是添加了这个属性,因为Zoo Printing选择在我的代码中保留他们的旧导航菜单,但注释掉了。如果我删除这个CSS,网站现在看起来像这样。它有一个huuuuge白色空间,正好在我的CSS sideshow下方,并在页脚的正上方。 www.Advancedlitho.com。他们告诉我,如果我想删除它,我可以用CSS来完成,但他们拒绝将它删除。即使他们的代码被注释掉了,它仍然在搞乱我的DOM。你知道一种方法,我可以删除这段代码而不搞乱页脚? –