Главный блок контента с графическими рамками?

Question

[SplashWeb]

Здравствуйте!
Главный блок wrap должен иметь две рамки, слева и справа (background в виде изображений).
Подскажите пожалуйста как лучше всего это сделать, используя только div верстку?

Answer 1

[Андрей Б.]

Примерно так

.wrap {
	position: relative;
}
.wrap:before,
.wrap:after {
	content: '';
	position: absolute;
	top: 0;
	width: /*ширина изображения*/;
	height: 100%;
	background-repeat: repeat-y;
}
.wrap:before {
	background-image: url(...);
	left: 0;
}
.wrap:after {
	background-image: url(...);
	right: 0;
}

Comments

[SplashWeb]

Отличный способ. Большое спасибо! Воплотил, как планировал.

Answer 2

[HelpSophie]

ВАРИАНТЫ:
. фоновые изображения для основного div
. border-image
. фоновые картинки в before и after
. просто дополнительные div с нужными изображениями
. еще есть градиенты и тени, ими часто тоже можно решить подобные задачи (если узор подходящий)

Уточнение ответа может быть только после реального примера.