<rmcreative>

RSS

Все заметки с тегами «CSS, height»

Можно уточнить:

    (3)
  1. Крепим подвал снизу. Ещё одно решение.

    17 мая 2007

    Крепим подвал снизу. Ещё одно решение.

    Пример

    HTML

    CSS

    Комментировать
  2. 100% по высоте

    26 марта 2007

    Ещё одно решение, как закрепить подвал у нижней границы экрана при маленьком размере контента.

    Пример

    Пример с длинным контентом

    Описание (на английском)

    Комментировать
  3. Важное замечание про подвал

    13 марта 2007

    Хочу добавить, что для использования данного метода должен стоять полный DOCTYPE:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">

    с сокращённым

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

    работать не будет.

    2 комментария
  4. CSS. Спускаем подвал вниз!

    13 марта 2007

    Вполне типичная задача: сделать подвал всегда внизу. Независимо от того, есть ли содержимое на странице или нет. Как ни странно, для такой типичной задачи существует очень много решений, большинство из которых далеко не идеальны.

    Ниже приведён вариант, замечательно работающий во всех браузерах:

    <div id="main-page">
      ...
    </div>
    <div id="footer">
      ...
    </div>
    * { margin: 0; padding: 0;}
    html{ height: 100%; }
    body{ position:  relative; height: auto !important; height: 100%; min-height: 100%; }
    #footer{ position:  absolute; left: 0; bottom: 15px; width: 100%; }
    #main-page{ padding-bottom: 4em; }

    Исходное решение позаимствовано у Ростислава Чебыкина, где подробно расписано что и почему.

    В моём решении поправлен глюк с IE, когда подвал уносится далеко вправо, ну и сделан небольшой отступ от нижнего края страницы.

    Важное замечание

    6 комментариев