Как сделать контуры разделяющие сайтбар от текста

[JlEHb]

Здравствуйте форумчане, перед вами стоит не легкая задача, скорее просьба, рассказать как сделать красиво контуры разделяющие границу текста и сайт бара. В CSS вообще не разбираюсь, сколько читал уже этот сайт так и не понял как это сделать. Можете рассказать поподробней как это сделать.

[klierik]

		.layout__data {
			margin-top: 10px;
			}
		.layout__data:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
			}

			.layout__content {
				float: left;
				width: 100%;
				}
				.layout__content__i {
					margin-left: 270px;
					padding: 0 0 0 15px;

					border-left: 1px solid #ceeaf7;
					}

			.layout__sidebar {
				float: left;
				margin: 0 0 0 -100%;
				width: 270px;

				border-right: 1px solid #ceeaf7;
				}
				.layout__sidebar__i {
					padding: 4px 15px 4px 4px;
					}

[Searcher]

Каков вопрос, таков и ответ... )))

[Softlink]

		.layout__data {
			margin-top: 10px;
			}
		.layout__data:after {
			content: ".";
			display: block;
			height: 0;
			clear: both;
			visibility: hidden;
			}

			.layout__content {
				float: left;
				width: 100%;
				}
				.layout__content__i {
					margin-left: 270px;
					padding: 0 0 0 15px;

					border-left: 1px solid #ceeaf7;
					}

			.layout__sidebar {
				float: left;
				margin: 0 0 0 -100%;
				width: 270px;

				border-right: 1px solid #ceeaf7;
				}
				.layout__sidebar__i {
					padding: 4px 15px 4px 4px;
					}

вот это сложности.

А так не проще ли сделать?

.left{
 float: left;
 width: 200px;
 border-right: 1px solid #ceeaf7;
}
.right {
 margin-left: 210px;
}

А еще зависит от того, как задачу с сайдбарами решил ТС. Где они у него и т.д.

[Searcher]

Красиво - не делать никаких контуров, достаточно отступов.

[klierik]

вот это сложности.

А так не проще ли сделать?

.left{
 float: left;
 width: 200px;
 border-right: 1px solid #ceeaf7;
}
.right {
 margin-left: 210px;
}

А еще зависит от того, как задачу с сайдбарами решил ТС. Где они у него и т.д.

Скопипастил кусок с разрабатываемого проекта. Проще не получилось бы.

А что там надо автору известно только ему.

Телепатии я только обучаюсь

[Softlink]

Скопипастил кусок с разрабатываемого проекта. Проще не получилось бы.

аналогично. Сейчас точно такой же макет сверстал Только у меня этого бордера нет.

Помню, что кто-то подобные простейшие вопросы задавал. Решил посмотреть его профиль и создаваемые им темы. По-моему он не "не понял как это сделать", а даже и не собирался это понимать.

Ник ТС говорит сам за себя.

[psywalker]

Здравствуйте форумчане, перед вами стоит не легкая задача, скорее просьба, рассказать как сделать красиво контуры разделяющие границу текста и сайт бара. В CSS вообще не разбираюсь, сколько читал уже этот сайт так и не понял как это сделать. Можете рассказать поподробней как это сделать.

Руками.

[klierik]

psywalker, :rofl:

[JlEHb]

Спасибо всем, кто ответил

[buddah]

лично мне нравится делать так: добавляем вдавленную левую границу контента(если сайдбар слева)

border-left: 2px groove #цвет;

Вот как это выглядит:

Если нужно выделить весь блок - пишем просто border.

А вообще почитай тут.

Edited June 23, 2011 by buddah