Bannière centrée / côtés différents

Bonjour à tous,

Après multiples essais, je viens vers vous pour trouver la solution à mon problème.

Je cherche à mettre en place une bannière de 1000px sur 180px centrée mais avec de chaque côté de la bannière un background en fluide (100%) différent de chaque côté.

Ci-joint l'image pour explication.

Merci d'avance pour toute vos réponses,

Amicalement, Alex
Modifié par MNk (06 Feb 2008 - 14:36)

Je viens de trouver la solution !

<div id="left"></div>
<div id="right"></div>
<div id="header"></div>

#left {
	width: 50%;
	height: 180px;
	left: 0;
	position: absolute;
	z-index: 0;
	background-image: url(test/left.jpg);
	background-repeat: repeat-x;
}
#right {
	width: 50%;
	height: 180px;
	right: 0;
	position: absolute;
	z-index: 0;
	background-image: url(test/right.jpg);
	background-repeat: repeat-x;
}
#header {
	width: 1000px;
	height: 180px;
	position: absolute;
	background-image: url(test/header.jpg);
	background-repeat: no-repeat;
	z-index: 1;
	[b]left: -500px;
        margin-left: 50%;[/b]
}