不合逻辑的HTML和CSS继承?

I have a footer table which always has to stay at the bottom. In order to achieve this I have made a div with a class wrapper. wrappers height and width are 100%. The footer is not inside the wrapper so it is always at the bottom. By giving the wrapper a margin bottom of -150px I pull the footer up. However when you re size the page it becomes evident that the the table inside wrapper inherited the margin bottom -150px which is strange. If I do set margin bottom 150px for the table it stops working in safari and chrome.

Here is the site: http://canmill.zxq.net

Help is greatly appreciated

#0

There's a few design choices (specifically your wrapping divs) which have contributed to the problem. The code provided on this page should help you correct it: http://www.cssstickyfooter.com/using-sticky-footer-code.html

#1

try

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

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

推荐文章

在JavaScript中格式化为十六进制的警报

在JavaScript中格式化为十六进制的警报

推荐文章

VisualStudio:当另一个改变时,自动更新C++ CPP/Head文件?

VisualStudio:当另一个改变时,自动更新C++ CPP/Head文件?

推荐文章

PHP-不能在类方法中使用Heredoc?

PHP-不能在类方法中使用Heredoc?

推荐文章

使用ASP.NET备份SQL Server

使用ASP.NET备份SQL Server

推荐文章

使用JSP/JavaBean解析XML文件,部署在WAR中

使用JSP/JavaBean解析XML文件,部署在WAR中

推荐文章

即使我引用了System.XML,也找不到XmlDocument类型?

即使我引用了System.XML,也找不到XmlDocument类型?

推荐文章

为什么使用PROTOTYPE头文件

为什么使用PROTOTYPE头文件

推荐文章

全局访问MemoryStream

全局访问MemoryStream

推荐文章

从另一个批处理文件或从提示符调用windows批处理文件的几种方法。哪种情况下?

从另一个批处理文件或从提示符调用windows批处理文件的几种方法。哪种情况下?

推荐文章

安卓-条码扫描,选项?Zxing?

安卓-条码扫描,选项?Zxing?

推荐文章

如何在单个.NET 3.5 DataGridView列中使用其他类型的EditingControl?

如何在单个.NET 3.5 DataGridView列中使用其他类型的EditingControl?

推荐文章

将标准输出/输入/错误重定向到/从文本框

将标准输出/输入/错误重定向到/从文本框

推荐文章

为动态数据网站添加自定义筛选器(VS2010,EF4)

为动态数据网站添加自定义筛选器(VS2010,EF4)

推荐文章

哪些语言没有全局变量?

哪些语言没有全局变量?

推荐文章

如何配置tomahawk和trinidad一起工作

如何配置tomahawk和trinidad一起工作

推荐文章

在同一应用程序中使用Hibernate和Ibatis

在同一应用程序中使用Hibernate和Ibatis