Centrer mes pages grâce au style CSS

**Arlet** · 08/08/2008, 16h29

Bonjour, il y a déjà 6 ans, bénévolement et sans grande connaissance

, j'ai créé ce site http://www.gitesdelapalombiere.com/ , mais aujourd'hui je souhaiterais le voir évoluer par un affichage centré. Un ami m'avait déjà proposé le code, mais je ne retrouve plus son courriel...
Quelqu'un saurait-il m'indiquer l'exemple de style CSS que je dois insérer pour centrer mes pages ?
Merci pour votre éventuel concours

Très cordialement !

Arlet

**c_s_s** · 08/08/2008, 16h41

Bonjour,

Tu as des blocs en position absolue dans tous les sens.

Tu peux essayer de mettre tous tes blocs dans un <div class="content"></div>

Et dans la partie CSS, tu mets :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
.content {
position:relative;
width:750px;
margin:0 auto;
}

Il faudra probablement modifier ton doctype en haut de la page html pour que les marges automatiques à gauche et à droite existent.

Ex :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Pas sûr que ça fonctionne, c'est un peu le bazar dans ta page.

**Arlet** · 08/08/2008, 16h54

Merci CSS, pour ta prompte réponse. Je vais m'empresser ce WE d'essayer ce que tu me proposes

Je reste très humble face à l'expression "bazar", qui, sans nul doute n'est qu'un euphémisme

Sitôt essayé, je te donnes des nlles.
Merci encore pour ton aide !!!

Arlet

**Bovino** · 08/08/2008, 16h47

Rajoute une div englobant tout le contenu :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<div style="position: absolute; left: -375px; margin-left: 50%;">

Centrer mes pages grâce au style CSS

Centrer un élément en CSS

Vue hybride

Discussions similaires

Partager

Partager