2015-06-25 15 views
0

本网站正在使用后端Web进行打印,称为Zoo Printing。我工作的客户不喜欢他们的原创设计,所以我被雇用他们的开发团队重新设计它来处理后端。我们无法找到页脚(哪个是全局的)在除了首页之外的其他任何页面上被切断的原因。他们的开发人员在指责我的代码,并不会告诉我问题来自哪里。你们中的一个人可以检查我的代码,并告诉我会造成这种情况吗?网址是Advanced LithoCSS - 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>&nbsp;|&nbsp;<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; 
} 
+0

像@caitilin中号提到这是从offsetprinting.com main.css的到来, 因为advancedlitho正在显示通过一个iframe,你将不得不改变offsetprinting.com目录下的main.css。简单地删除位置:绝对,它看起来更好。 – Spade

+0

这是疯狂的一部分。我只是添加了这个属性,因为Zoo Printing选择在我的代码中保留他们的旧导航菜单,但注释掉了。如果我删除这个CSS,网站现在看起来像这样。它有一个huuuuge白色空间,正好在我的CSS sideshow下方,并在页脚的正上方。 www.Advancedlitho.com。他们告诉我,如果我想删除它,我可以用CSS来完成,但他们拒绝将它删除。即使他们的代码被注释掉了,它仍然在搞乱我的DOM。你知道一种方法,我可以删除这段代码而不搞乱页脚? –

回答

0

这段代码在你的main.css导致它不会显示出来:

body > div:nth-child(4) { /*Removes The Invisible Navigation*/ 
    position:absolute; 
    left: -1000px; 
} 
+0

这是疯狂的一部分。我只是添加了这个属性,因为Zoo Printing选择在我的代码中保留他们的旧导航菜单,但注释掉了。如果我删除这个CSS,网站现在看起来像这样。它有一个huuuuge白色空间,正好在我的CSS sideshow下方,并在页脚的正上方。 www.Advancedlitho.com。他们告诉我,如果我想删除它,我可以用CSS来完成,但他们拒绝将它删除。即使他们的代码被注释掉了,它仍然在搞乱我的DOM。你知道一种方法,我可以删除这段代码而不搞乱页脚? –