Нелогичное наследование HTML и CSS?

Question

У меня есть таблица нижнего колонтитула, которая всегда должна оставаться внизу. Чтобы добиться этого, я сделал div с оберткой класса. высота и ширина упаковщиков 100%. Нижний колонтитул не находится внутри обертки, поэтому он всегда внизу. Задав обертке отступ в -150 пикселей, я поднимаю нижний колонтитул. Однако, когда вы изменяете размер страницы, становится очевидным, что таблица внутри оболочки унаследовала значение поля bottom -150px, что странно. Если я установлю для таблицы нижнюю границу 150px, она перестанет работать в Safari и Chrome.

Вот сайт: http://canmill.zxq.net

Помощь очень ценится

Answer 1

попробуй

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

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

Answer 2

Есть несколько вариантов дизайна (в частности, ваши div-пакеты), которые внесли свой вклад в проблему.Код, приведенный на этой странице, должен помочь вам исправить это: http://www.cssstickyfooter.com/using-sticky-footer-code.html