Верстаем без float
Интересная разметка на основе абсолютного позиционирования. Занятный момент — успешное использование border для создания иллюзии колонок равной высоты.
Читаем и рассматриваем
Интересная разметка на основе абсолютного позиционирования. Занятный момент — успешное использование border для создания иллюзии колонок равной высоты.
Читаем и рассматриваем
Отличная заметка по использованию position: absolute при вёрстке макетов.
Читаем
Особое внимание обратите на комментарии.
Нечасто возникают новые техники вёрстки, но это случается.
Читаем о новой технике, названной «имитация абсолютного позиционирования».
Оригинал на ALA
Необходимо было сделать двухколоночную вёрстку с очень чистым кодом + чтобы колонки были при малом количестве контента растянуты на 100% по высоте.
Вот что из этого вышло.
p.s. частичную нерабочесть в IE6 абсолютного позиционирования, также, как и много других несоответствий стандартам данного "замечательного" браузера, можно устранить небольшим скриптом.
Отличный перевод занимательной статьи Роба Свэна о применении абсолютного позиционирования.
#main {
position: absolute;
top: 100px;
left: 240px;
right: 20px;
bottom: 20px;
overflow: auto;
}