不合逻辑的HTML和CSS继承？

我有总是留在底部的页脚表。为了实现这一点，我用类包装器做了一个div。包装的高度和宽度都是100％。页脚不在包装内，因此它始终位于底部。通过给封套一个-150px的页边距底部，我将页脚拉起来。但是，当你重新调整页面的大小时，很明显表格内部的包装器继承了-150px的页边距，这很奇怪。如果我为表格设置页边距150px，它将停止在safari和chrome中工作。不合逻辑的HTML和CSS继承？

这里是网站：http://canmill.zxq.net

帮助是极大的赞赏

来源

2011-08-31 Tom

我有一个很难看到的问题是什么。在Chrome 13/Windows 7上，它看起来没有任何新的边距被引入到任何地方。你可以发布图片之前/之后吗？ – sdleihssirhc

问题在那里。事实证明，我上传错误的文件。但现在它的正确的一个和它的越野车 – Tom

我仍然没有看到它。 – sdleihssirhc

有已经引起了这个问题的几个设计选择（特别是你的包装的div）。此页上提供的代码应该可以帮助你纠正：http://www.cssstickyfooter.com/using-sticky-footer-code.html

来源

2011-08-31 19:48:17 ShaneC

非常有益的链接感谢，如果我看到这样的事情让这本来是非常有帮助+1该网站之前 – Tom

适应您的网站使用此格式将不会太困难，虽然。从它的外观你的页眉和页脚是一个静态高度，你的内容是一个可变的高度。因此，只要通过把在#wrap块顶部你的头，在#main块内容，和你的页脚在#footer的块适应您的布局以“置顶页脚”布局。 – ShaneC

这其实是我目前正在做:) – Tom

尝试

.wrapper { 
    padding: 0 0 200px 0; 
} 

.footer { 
    margin-top: 0px; 
    background: url(images/bottombg.jpg) repeat-x; 
    position: fixed; 
    bottom: 0px; 
}

来源

2011-08-31 19:54:52 buritos

+1什么上'填充.wrapper' – Wex

不合逻辑的HTML和CSS继承？

回答

相关问题