Везение - это просто результат очень тщательной подготовки.
Роберт Хайнлайн

Разметка многоколоночных макетов на основе 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 - необычный трюк...

Оставьте комментарий к этому документу:
Правила комментирования:



cod


Все поля обязательны для заполнения!
  1. Все поля формы обязательны для заполнения.
  2. При этом Ваш e-mail не публикуется.
  3. Содержание комментариев, оставленных на опубликованные материалы, является мнением лиц, их написавших, и не обязано совпадать с мнением Администратора, никоим образом не ответственного за выводы и умозаключения, могущие возникнуть при прочтении комментариев, а также любые версии их истолкования.
  4. Не будут опубликованы комментарии:
    1. нарушающие положения законодательства РФ.
    2. содержащие оскорбления любого вида
      (личного, религиозного, национального...);
    3. включающие неуместные теме поста ссылки, в том числе спамовые;
    4. содержащие рекламу любых товаров и услуг, иных ресурсов, СМИ или событий, не относящихся к контексту обсуждения статьи.
    5. не относящиеся к теме статьи или к контексту обсуждения.
  5. Факт оформления Вами комментария является безоговорочным принятием этих условий.