Как приклеить границу документа к нижней части?
Возможный дубликат:
Как закодировать липкий нижний колонтитул, используя html-объект, в HTML и CSS?
Я применяю 10px границу как сверху, так и снизу html
объект, используя ниже (МЕНЬШЕ) CSS. Это работает только тогда, когда документ выше окна просмотра.
Это то, что происходит сейчас. Как видите, border-bottom
прилипает к нижней части html
, но не прилипает к нижней части окна.
Я уже пытался набить html
а также body
с height: 100%; height: auto; min-height: 100%;
, но это, похоже, не работает вообще. Какие-либо предложения?
html {
border-top: solid @black 10px;
border-bottom: solid @black 10px;
background: url('img/bg.png') repeat;
}
body {
width: @8col;
margin: 0px auto;
padding: 100px 48px 84px;
background: @white;
font: 13px/20px 'OftenRegular';
color: rgb(60,60,60);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: @green;
}