Чокнутый фон

[Saiko]

Здрасте, мне нужно сделать сайт со сложным бекграундом, состоящий из кирпича с 1 стороны и бревен с другой (не моя идея). Т.е. фон разделен по вертикали, а по середине идет контент. Получается рамочка вокрукг контента.

Соответственно растянуть фон по 1 из осей не получается, поскольку по си х он должен меняться насередине. Единственное что у меня получилось это задать определённый размер для контента с определенным отступом в пикселах а фон поместить в колонки и задать position:absolute.

Edited August 27, 2009 by Saiko

[Saiko]

body{
 font-size:14px;
 font-family:Arial, Helvetica, sans-serif;
 background:#FF9933;

}

*{
	margin:0px;
	padding:0px;
}

p{
	margin:0px;
	text-align:justify;
}

/*верхняя часть рамки*/
#wrapping-head1{
 background: url(img/bg_kirp_head.jpg) repeat-x top left;
 height:20px;
 width:50%;
 float:right;
}

#wrapping-head2{
 background: url(img/bg_wood_head.jpg) repeat-x top left;
 height:20px;
 width:50%;
}

/*боковая часть*/

#wrapping-bg1{
	position:absolute;
	left:0px;
	background:#FFFFFF url(img/bg_kirp.jpg) repeat;
	width:50%;
	height:100px;
}

#wrapping-bg2{
	position:absolute;
	right:0px;
	background:#FFFFFF url(img/bg_wood.jpg) repeat;
	width:50%;
	height:100px;
}

/*контент*/
#container{
	position:relative;
	z-index:2;
	top:0px;
	margin:0 auto;
	width:400px;
	background:#FFFFFF;
}

Вот код

[Saiko]

Решил проблему. Если растянивать по вертикали горизонтальную полосу - она по бокам обрезается.

Тему можно закрыть