28173 sujets

CSS et mise en forme, CSS3

Pb de centrage[resolu]

ds BODY j ai une background image que j ai centrée
tous mes calques sont ds un calque conteneur
pb: ds mon navigateur le fond est centré mais pas le reste de ma page.
comment faire merci pour l aide Smiley bawling
ps:jai essayé de centrer mon conteneur mais ca ne fonctionne pas
quelle commande je dois utiliser!
Modifié par therealchino (31 May 2007 - 20:26)
Tout d'abord Bonjour,

Sans code impossible de t'aider ; faut pas être timide Smiley cligne .

PS : merci de respecter l'orthographe française afin que toute personne puisse profiter de ton problème et de ses solutions Smiley smile .
Modifié par yodaswii (30 May 2007 - 16:01)
bonjour merci de m aider je mets mon code:
container contient tout le site et header est l un des calques 
body{ position: absolute;
		left:0px;
	top:0px;
	z-index:1; 
	background-color: #ffffff;
	background:url(fondongle.jpg) no-repeat;
	background-position:center;
	}
#container{
}
#header { position:absolute;
	left:289px;
	top:49px;
	width:420px;
	height:120px;

Modifié par therealchino (30 May 2007 - 16:41)
Salut,

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).

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

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
salut,

voir le tuto ici.

comme tu geres ton background sur le body mais que tu le centre j'imagine que tu veux que ton contenu s'affiche au-dessus de cette image de fond.

tu mets à #container alors un width équivalent à la largeur de ton image de fond et le margin qui va bien.

edit: maintenant autant tout centrer comme ça que melanger position absolue et autre.

pascal
Modifié par CPascal (30 May 2007 - 16:51)
salut cpascal et les autres
j ai essaye ca mais ca marche pas:

body{ position: absolute;
		left:0px;
	top:0px;
	z-index:1; 
	background-color: #ffffff; background-image: url(fondongle.jpg); background-repeat: no-repeat; background-position:center; }
	
#container{ width:800px; margin-left: auto;margin-right: auto;
}
#header { position: absolute;
	left:289px;
	top:49px;
	width:420px;
	height:120px;
	z-index:5; background-image:url(header.gif);

er ds mon html jai mis:

 <body>
<div id="container">
<div id="header"></div>
</div>

est ce que je peux mettre mon image d arriere plan ds le body comme ca? et utiliser 
center

merci pour les conseils
pb resolu
j ai trouvé d ou vient le probleme(apres 3 jours de recherche)
le div container ne doit pas etre definit comme ABSOLUTE
je sais pas pourquoi Smiley cligne
Sujet clos
Aller à