Вертикальные линии в div верстке

Аватар пользователя Root
Не в сети
Последнее посещение: 2 года 1 неделя назад
Зарегистрирован: 2014-05-19
Сообщения:

Есть у меня трехколоночный шаблон, который меня всем устраивает, кроме одного - нет вертикальных разделителей между колонками. Сайдбары и блок с контентом ничем не разделены, кроме бордюра самого блока контента. На страницах, где текста и картинок всего ничего, блок контента получается совсем короткий по высоте, и все что имеется в сайдбарах ниже блока контента, как бы висит в пустоте - рубрики, последние публикации и комментарии, и блоки с тизерной рекламой. В плане юзабилити это не есть хорошо, и я решил разделить все вертикальными линиями во всю высоту страницы. Попытался вставить таблицы со 100% высотой и шириной в 2-3 px. Не отображается эта таблица, куда бы я ее не вставлял. По-видимому, верстка на дивах не предусматривает таких "фокусов". Ну, так как же мне сделать вертикальную линию высотой во всю страницу?

Аватар пользователя Mrakov
Не в сети
Последнее посещение: 3 года 28 недель назад
Зарегистрирован: 2014-05-29
Сообщения:
Задайте боковые линии

Задайте боковые линии колонкам через css при помощи свойств border-left и border-right. Можно при это будет задать толщину линий, сделать ее пунктирной, точками, двойную линию.

Если задать просто свойством border, то линия обведет весь блок. А используя border-radius: от 0 до 20 px, можно задать округлые края рамке.

Ну, а в крайнем случае, можно просто сделать разделительную черту через картинку.

Аватар пользователя dollyleony32
Не в сети
Последнее посещение: 6 недель 5 дней назад
Зарегистрирован: 2014-04-18
Сообщения:
Все в теге border. Он самый
Все в теге border. Он самый главный в это плане. С помощью него можно и длину линии обозначить и расположение (вертикальное, горизонтальное, по центру, слева, справа). Мне проще объяснить на примере html. Но и в CSS тоже есть border. Посмотрите какое обозначение стоит у вас рядом с ним. Если вообще стоит. Smile
Аватар пользователя denvems
Не в сети
Последнее посещение: 3 года 23 недели назад
Зарегистрирован: 2014-07-08
Сообщения:
Можете пожалуйста прикрепить

Можете пожалуйста прикрепить скриншот ?

С border'oм могут возникнуть проблемы, впрочем, зависит от вёрстки.

Если например общяя ширина 1000px, ширина сайдбара 300px, а ширина контента 700px, то если задать контенту через css рамку справа, размером в 2px, сайдбар перенесётся на новую строку, потому что общяя ширина будет не 1000px, а 1002px.