Только html, только стили…
Как-то пришлось решать весьма интересную задачку.
Естественно, это только частный случай верстки, но занимательный сам по себе.
Так, как не люблю идти проторенными дорожками, искать где-то, кем-то, что-то сотворенное не в моих правилах, пришлось пройти весь путь от начала до конца, самостоятельно.
О чем речь?
Смотрим скриншот.
Смысл задачи выделен цветом.
Только html и только стили.
Область контента по html-коду выводится раньше и ограничена по ширине с помощью min/max-width и его эмуляцией для IE6, колонки равной высоты, сто процентная высота макета с включением header и footer, на скриншоте приведена только центральная часть разметки.
Готовое, полноценное решение будет позже, мини-сериал :), думаем и делаем самостоятельно.
В комментариях можно дать ссылки на подобные решения.
Рейтинг популярности - на эти заметки чаще всего ссылаются:
- 155916616 position:absolute; Ликбез
- 107177366 Вертикальное раздвигающееся меню
- 105706838 Закругленные углы - градиент, html and css
- 102410024 Hack CSS for IE8
- 101509244 display:inline-block; and display:inline;
- 084061376 Фиксированные блоки на web-странице
- 078516905 max-width и min-width в IE6. Решить за 60 секунд
- 050663430 Footer всегда внизу. Личный архив
- 046487552 position:relative;overflow:hidden;border-top; Браузеры
- 035651586 Вертикальный скролл
Горизонтальный banner counters.php - width:494px;