2 фона как сделать?

*{

padding:0;

margin:0;

}

html {

	background:url(/image/bottom_bg.gif) left bottom repeat-x #000;

	height:auto;

}

body {

	background:url(/image/top_bg.gif) left 100px repeat-x;

	color:#f00;

}

http://barykin.com/example/two_background.html

ein, наложить дивы поверх всего

Алексей Барыкин, не работает... но вы мне подали другой способ, который, почему то сработал, хотя на других сайтах не пахал. А этот с хтмл всё равно не работает.

*{
padding:0;
margin:0;
}

Вот после того, как я писал это у меня на др сайтах по центру не выравнивалось вот этим:

id {margin:auto}

Вот после того, как ящас это написал, всё, почему-то, было ровно.

Проверено работает:

DOM тот же:

.bg_1 {
	background-image: url(bg_top.jpg);
	background-repeat: repeat-x;
	height: 300px; //высота бека
	position: absolute;
	width: 100%; // 100% от ширины rel
	top: -200px; //отступ вверх от rel
	z-index: -10;
}
.bg_2 {
	background-image: url(bg_bottom.jpg);
	background-repeat: repeat-x;
	height: 300px;
	position: absolute;
	width: 100%;
	top: 200px; //отступ вниз от rel
	z-index: -10;
}
.rel {
	position: relative;
	height: 0px;
        width: 1024px; //установить если бек не тайлится
}

ein, теперь понятно, почему не работает... я не так делал. .rel я не делал высоту 0... Всё таки, чтобы быть верстальщиком надо быть очень хотропопым, чтобы изварачиваться в таких ситуациях. Спасибо, возьму себе варианты на заметку.

sollevar, на здоровье)

Как вариант, сделать у body бакграундом верхнюю область с позиционированием top+ весь контент страницы заключить в div с бакграундом нижней области с позиционированием bottom.

Способ, конечно неуниверсальный, но в данном случае - легко реализуемый

FILA44, я так и сделал, верх в боди а нижний бг я в футере сделал, только раньше я не мог сделать так, потому что думалЖ, что у меня выравнивание по центру собьётся, если я сделаю маргин:0 и паддинг:0 звёздочке, а у меня не сбилось, поэтому я так и сделал.)