Во время разработки сайта приходится часто использовать уже заготовленые части каркаса для сайта. В этой статье я вам предоставлю разные варианты расположения элементов на странице.
Все варианты, которые будут представлены ниже будут добавлены в архив, который можно по ссылке, которая будет находиться внизу этой статьи.
Сайдбар слева, контейнер справа
В архиве файл будет называться sidebar-left.html.
Посмотреть демо.
Сайдбар справа, контейнер слева
В архиве файл будет называться sidebar-right.html.
Посмотреть демо.
Сайдбар с шапкой
В архиве файл будет называться sidebar-header.html.
Посмотреть демо.
Сайдбар с шапкой и подвалом
В архиве файл будет называться sidebar-header-footer.html.
Посмотреть демо.
А дальше вам уже нужно включать фантазию и менять блоки местави и делать как вам захочется. Самое главное в этой модели то, что вам нужно комбинировать блоки. Напирмер у вас есть div с классами sidebar и left, значит он сайдбар будет слева, так же есть прописать div с классами container и right, то сайдбар будет слева, а контейнер справа и так далее.
Архив со всеми примерами выше можно сказать по этой ссылке.
Пишите комментарии если у вас есть какие-либо вопросы.
