High Как прижать подвал табличного дизайна к низу страницы
Наверняка, если у Вас сайт в таблицах, возникает проблема с подвалом (футера) сайта.
Я и сама долго мучилась этим вопросом. А ответ оказывается совсем прост!
Скажем, у меня такой дизайн:
| Шапка | ||
| Левая колонка | текст | |
| Футер | ||
В ней три таблицы:
- Таблица шапки
- Таблица 'main', включающая в себя левую колонку и текст
- Таблица футера высотой 50 пикселей
Расскажу коротко и ясно.
В стилях сразу прописываем:
html, body {
height:100%;
}
...
table.main {
min-height: 100%;
}
.....
table.footer {
- 50 px;
height:100%;
}
...
table.main {
min-height: 100%;
}
.....
table.footer {
- 50 px;
Обратите внимание! Высота футера - отрицательная и она равна высоте футера!!!
И все должно получиться!
