Подвал наезжает на контент

Статус
В этой теме нельзя размещать новые ответы.
NikroVir

NikroVir

Извращённый отшельник
Регистрация
27 Апр 2008
Сообщения
347
Реакции
118
Есть примерно такой код:
HTML: 
<body>
    <div id="telo">Контент</div>
    <div id="finish"> </div>
    <div id="footer">Футер<div>
</body>
и такой CSS:
HTML: 
body {
  background: url("/i/bg.jpg") top center repeat-x scroll #ffffff;
  color: #333333;
  font: 14px Tahoma, Geneva, sans-serif;
  margin: 0;
  padding: 0;
  height:100%;
}
#telo, #footer {
  position:relative;
}
#telo {
  min-height:100%;
  height:auto !important;
  height:100%;
}
#telo #finish {
  height:28px;
}
#footer {
  margin-top:-32px;
  height:28px;
  position:relative;
}
как сделать чтобы футер не наезжал на контент при изменении размера окна?
 
поменяй
HTML: 
margin-top:-32px;
на
HTML: 
 padding-top:-32px;
 
хотелось бы сделать так, чтобы подвал был прижат к низу окна браузера, если контента на странице мало...
у меня так получилось сделать только так как показывал выше
zzallexx, ваш вариант делает уж очень большой отступ от контента, поэтому он не подходит.
 
ваш вариант делает уж очень большой отступ от контента, поэтому он не подходит.
Нажмите для раскрытия...
в каком браузере? У меня так смотри спойлер
2e8994fa5ff8.jpg
 
все браузеры (развёрнутое состояние)
пример из оперы:
image_4ff9c4cc2e51c.png

второй вариант - то что было до изменения
увеличивается отступ, появляется полоса прокрутки, с чем в принципе и пытаюсь бороться =)
 
хотелось бы сделать так, чтобы подвал был прижат к низу окна браузера, если контента на странице мало...
Нажмите для раскрытия...
Вы начали правильно но не учли один момент.
Вам нужно обернуть контент в дополнительный тег, и прописать для него отступ с низу равный той высоте, на которую налазит футер.

Тоесть что-то типа такого:
HTML: 
<body>
    <div id="content">
      <div id="telo">Контент</div>
      <div id="finish"> </div>
    </div>
    <div id="footer">Футер<div>
</body>
css:
#content {margin-bottom:20px;} /* или padding-bottom */
20px - параметр из воздуха. Подберите цифру сами
 
Вы знаете, помогло. Так же ещё обнаружил ошибку, что один из дивов был не там где надо закрыт)
Тема закрыта, всем спасибо.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху