Я пытаюсь сделать липкий нижний колонтитул, и структура html моей страницы выглядит следующим образом: (значительно упрощено)
<head>...</head>
<body>
<div class="centerPane">
<div class="userCenter">..</div>
<div class="bottom>...</div>
</div>
</body>
css:
head
{
height: 100%;
}
body
{
min-height: 100%;
height: 100%;
}
.userCenter
{
position:relative;
height: 100%;
}
.bottom
{
position: absolute;
bottom: 20px;
height: 30px;
}
По некоторым причинамтолкает нижнюю часть OFF за нижнюю часть страницы независимо от размера окна браузера в Firefox 10.0.1.
Вот демонстрационная версия: 173.228.119.111: 3000 / users / sign_in