Forum-webmaster
Technique - programmation => HTML / CSS / XHTML => Message commencé par: swissflight le le 03-10-2007 a 18:00:18

Titre: Centrer mon site
Posté par: swissflight le le 03-10-2007 a 18:00:18

Bonjour à tous,

Un thème bien récurent ! Et poutant; je suis une webmaster en herbe et je suis incapable de centrer mon site www.photoguignet.ch[url][/url]. Après de multiples essais avec dreamweaver et une incompréhension avec le CSS, je n'en viens pas à bout ! J'aimerai qu'il soit centrer au moins sur I.E et Firefox
Je vous remercie pour votre aide et meilleures salutations à tous ::)




Titre: Re:Centrer mon site
Posté par: MarvinLeRouge le le 03-10-2007 a 23:46:12

Salut,

Si tu englobes tout ce qui est dans ton body dans un div avec l'id wrapper1 (par exemple), et que tu lui appliques

Code:
#wrapper1
{
width : XYZpx;
margin : 0 auto;
}


, ça devrait faire l'affaire.

Titre: Re:Centrer mon site
Posté par: c2h le le 04-10-2007 a 07:48:46

Moi j'ai mis le site dans un cadre, qui lui est centré...

www.xtrem7.com

Titre: Re:Centrer mon site
Posté par: jb_gfx le le 02-11-2007 a 02:47:40

Impossible de centrer simplement ton site car tu utilises le positionement absolu.
D'après moi il faudrait tout reprendre.

Titre: Re:Centrer mon site
Posté par: lefou le le 02-11-2007 a 10:47:20

Cela peut marcher avec un positionnement absolu des éléments à condition que l'ensemble se trouve dans un div avec style :
position: relative;
width: xyz px auto;

Titre: Re:Centrer mon site
Posté par: jb_gfx le le 02-11-2007 a 11:22:12

Citation de: lefou le le 02-11-2007 a 10:47:20
width: xyz px auto;


Ça ne veut rien dire de mettre width a une taille en px et a auto en même temps...

Titre: Re:Centrer mon site
Posté par: MarvinLeRouge le le 02-11-2007 a 11:23:20

Houla lefou, je pense que tu voulais dire :

Code:
width : XYZpx;
margin : 0 auto;
position : relative;

Titre: Re:Centrer mon site
Posté par: lefou le le 02-11-2007 a 12:12:50

Merci à MarvinLe Rouge.

En effet j'ai frappé plus rapidement que ma pensée.

width : XYZpx définit la largeur de la cellule
margin: xyzpx auto => xyzpx = largeur des marges hautes et basses et auto permet de centrer au niveau du gauche droite (pour que ça marche il faut nécessaire un width)
position: relative => tout ce qui sera en absolu dans cette cellule le sera par rapport à cette cellule.


Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.