Header 3 partie variable au mileu

Bonjour a tous,
je suis en train de réaliser un header a largeur variable seulement je bloque sur la largeur variable
Pour mieu comprendre je vous envoi une image du résultat souhaiter, si vous avez des solutions a me proposer ce serais super
Merci a tous!

Bonjour,

Il serait mieux (et surtout plus constructif) de nous montrer tes essais.

 
#headerBanner {
	text-align: center;
	height: 145px;
	width:100%;
	float: left;
	padding-left: 23px;

	
}

#headerBannerLeft{
	background-image: url("../../images/template/header_master.png");
	background-repeat: no-repeat;
	height: 145px;
	width: 903px;
	float: left;
}

#headerBannerRepeatt{
	background-image: url("../../images/template/header_repeat.png");
	background-repeat: repeat-x;
	height: 145px;
	width:100%;
	float: left;
	
}

#headerBannerRight{
	background-image: url("../../images/template/header_droit.png");
	background-repeat: no-repeat;
	height: 145px;
	width: 10px;
	float: right;
	padding-right: 50px;
}

Modifié par acidstrike (18 Mar 2010 - 13:51)

Hello et bienvenue ,

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace après le crochet ouvrant).



Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle.

En l'occurrence donner le code css sans le code html correspondant ne sert pas à grand chose.

Pour ta question voir Un design fluide avec trois «colonnes», grâce au positionnement flottant.

OK,

Pour headerBannerLeft et headerBannerRight tu es sur la bonne piste. Par contre, headerBannerRepeatt n'est pas nécessaire, il serait plus simple de placer l'image de fond dans headerBanner.

Ok j'y ai pensé mais mon header de gauche et de droite sont en png avec coin arrondi et donc transparence. Mais bon je peux retoucher le header ce sera plus simple.
Merci bcp.