Разметка многоколоночных макетов на основе Float
Список заслуживающих внимания публикаций блога, где прослеживается развитие методов и приемов создания макетов с разметкой центральной части web-страницы на основе:
margin-bottom:-XXXpx;padding-bottom:XXXpx;
Практически все примеры имеют иллюзию равной высоты колонок, часть из них со 100% высотой шаблона и резиновой шириной центральной колонки ограниченной по min/max-width.
В некоторых случаях header и горизонтальное меню по html-коду находятся в самом конце страницы.
Cекция меню "Layout CSS" в правой колонке продолжает, развивает и показывает изложенное на страницах блога.
- Колонки одинаковой высоты - иллюзия № 3?
- Float, margin, padding, overflow:hidden;
- Универсальный шаблон
- Модернизация универсального шаблона
- Время шаблона. Есть ли достойная альтернатива?!
- Комплект шаблонов
- Иллюзия идеала - html
- Иллюзия идеала - alignment on the center
- Иллюзия идеала - middle
- Иллюзия идеала - not the end
- Момент истины - "Техника Gordi"
- Возвращение к истокам
- no expression
- Одинаковая высота колонок - border
- Super "Holy Grail Gordi"
- Импровизация на заданную тему
- Идеал Gordi - воплощение мечты...
- "Техника Gordi". Часть первая
- "Техника Gordi". Часть вторая
- Мечты и утопии - это реально!
- Утопия, как средство достижения цели...
- Гибридная верстка - гремучая смесь...
- Разметка без position:relative;
- Отдай body все и немного больше...
- По горячим следам...
- "Техника Gordi". Часть третья
- Только html, только стили...
- Браузеры. Тест-драйв...
- Бомба. Приобретая, всегда теряем...
- Из пушки по воробьям...
- Float-колонки одинаковой высоты
- Северная "ведьма" или пинок под зад...
- Border Double - необычный трюк...
- Оставьте комментарий к этому документу:
- Правила комментирования:
-
-
- Все поля формы обязательны для заполнения.
- При этом Ваш e-mail не публикуется.
- Содержание комментариев, оставленных на опубликованные материалы, является мнением лиц, их написавших, и не обязано совпадать с мнением Администратора, никоим образом не ответственного за выводы и умозаключения, могущие возникнуть при прочтении комментариев, а также любые версии их истолкования.
- Не будут опубликованы комментарии:
- нарушающие положения законодательства РФ.
- содержащие оскорбления любого вида
(личного, религиозного, национального...); - включающие неуместные теме поста ссылки, в том числе спамовые;
- содержащие рекламу любых товаров и услуг, иных ресурсов, СМИ или событий, не относящихся к контексту обсуждения статьи.
- не относящиеся к теме статьи или к контексту обсуждения.
- Факт оформления Вами комментария является безоговорочным принятием этих условий.