Skip to content

Instantly share code, notes, and snippets.

@RinatMullayanov

RinatMullayanov/верстка.md

Last active August 29, 2015 14:02
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save RinatMullayanov/7c6b2a5b6a80cd53d217 to your computer and use it in GitHub Desktop.
Save RinatMullayanov/7c6b2a5b6a80cd53d217 to your computer and use it in GitHub Desktop.
Download ZIP
Верстка
Raw
верстка.md

#Верстка

Фиксированный макет

Фиксированный двухколоночный макет

http://htmlbook.ru/samlayout/tipovye-makety/fiksirovannyi-dvukhkolonochnyi-maket

Для его создания есть 3 способа:

  1. Использование позиционирования(position) Для контейнера задаем position: relative, а для колонок position:absolute и расставляем их задавая нужные top, left, bottom, right,. У абсолютно позиционированных элементов ширина равна ширине контента, так что значение width требуется указывать для каждого слоя(колонки)!

  2. Использование float и отступа Для левой колонки задаем float:left, для правой margin-left со значением равным или больше ширине левой колонки(иначе будет просто обтекаемая врезка, а не подобие колонок). Для контейнера и контента не забываем задать ширину.

  3. Использование только float Для обоих колонок задаем float:left и ШИРИНУ!(можно в процентах). Пока предпочтителен этот способ

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment