[Résolu]Problème de centrage dans une bannière

salut à tous,

je réalise un site et j'ai un problème pour la bannière
vous pouvez voir un exemple ici

voici la css :

#header {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	width: 100%;
	line-height: 100px;
	border: 0px solid blue;
}

#header_body {
	font-size: 34pt;
	text-align: center;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 100px;
	background: url("banniere_body.png");
}

#header_gauche {
	float: left;
	width: 151px;
	line-height: 100px;
	background: url("banniere_gauche.png");
}

#header_droite {
	margin:  -100px 0px 0px 0px;
	float: right;
	width: 250px;
	line-height: 100px;
	background: url("banniere_droite.png");
}

.first_header {
	border:1px solid blue;
	background: url("tile_sub.gif");
	line-height: 20px;
}

.first_header_gauche {
	margin: -20px 0px 0px 0px;
	float: left;
	
}

.first_header_droite {
	margin: -20px 0px 0px 0px;
	float: right;
	
}
.spacer {
	clear: both;
	line-height: 0px;
}
.spacer10 {
	clear: both;
	line-height: 10px;
	
}

mon problème est que le texte n'est pas centré ! ça doit pas être grand chose mais ... je sais pas pourquoi !

Merci de bien vouloir m'aider

Poich

PS : désolé j'n'ai pas trop de temps alors je n'ai pas fait de recherche avant de poster !

Modifié par Poich (14 May 2005 - 10:06)

Salut,

Ta page ne veut pas s'afficher, alors en attendant pour t'aider à trouver la solution :

http://css.alsacreations.com/Faire-une-mise-en-page-sans-tableaux/Centrer-les-elements-ou-un-site-web-en-CSS

bah moi ça s'affiche ?!!

voici 2 liens où j'ai mis en ligne :
lien1
lien2


merci pour le lien c'est ce que j'ai essayé de faire

ton div header-gauche a une taille de 151px et malgré le fait qu'il soit en float left, sa taille est prise en compte pour la dimension de header body.

Donc ton texte est centré mais sur une largeur de 100% - 151px

bonsoir,

fais un test avec ça

#header_body {
font-size: 34pt;
margin-left: auto;
margin-right: auto;
font-weight: bold;
padding: 0px 0px 0px 0px;
line-height: 100px;
background: url("banniere_body.png");
}

edit: devancé par oli..... essai sa solution d'abord.... ça doit être ça
Modifié par Philippe (13 May 2005 - 20:42)

j'ai mis ça :

#header_body {
	padding: 0px 151px 0px 0px;
}

c'était bien ça la soluce ?? en tout cas ça marche !!

merkiiiii à vous 2 !

poich