Проблема с колонтитулами в Safari & Chrome

Question

Мой липкий нижний колонтитул прекрасно работает во всех браузерах, ожидающих Safari & Chrome, особенно самой странице work.html.

http://obliqueinteractive.com/creative/work.html

Я заметил, что когда я удаляю этот атрибут css из моей таблицы стилей, проблема исчезает, но больше не позволяет закрепить нижний колонтитул

html, body {height: 100%;}

Могут ли быть другие проблемы css, которые заставляют нижний колонтитул действовать таким образом?

Answer 1

код для липкого нижнего колонтитула и div с отступом:

body{
background-image: url(../images/main_bg.jpg);
background-repeat: repeat-x;
}
#wrapper{
width: 961px;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -104px; 
}
.footer, .push {
height: 104px; 
}
#work_colm{
width: 675px;
float: left;
display: inline;
padding-bottom: 40px;
}
#footer {
margin: 0 auto;
background: #292929 repeat-x;
height: 104px;
clear: both;
}

Answer 2

Во-первых, трудно диагностировать, не видя ваш код. Да, безусловно, есть другие проблемы CSS, которые могут повлиять на липкий нижний колонтитул; а именно прокладка на других элементах. Опять же, трудно диагностировать, когда мы не видим ваш код.

Этот нижний колонтитул великолепен, и я часто его использовал

Answer 3

Я внес следующие изменения (в плавающий элемент нижнего колонтитула), и теперь он работает в Safari, Opera, Firefox и Chrome.

width: 101%;
margin-left: -8px;

Я не уверен, что 8px был просто исправлением для меня или исправлением для всех, но попробуй и дай мне знать