Centrer le forum :: Fire Soft Board

Maxi

Equipe graphique

Age : 27 ans
Messages : 82
Inscrit : 14 Février 2006

Message édité 1 fois, dernière édition par Maxi, 18 Mars 2008, 9:34

18 Mars 2008, 7:19

Salut,

En codant un thème qui a une taille fixe, j'ai donc mis la largeur dans le css.
Tout le forum s'est retrouvé décalé vers la gauche.

J'ai donc procédé ainsi :

Ouvrir le fichier main.css

- Enlever la valeur 100% à "html"

- Ajouter dans "body"

Code (Sélectionner le code)

margin: 0;

- Ajouter l'id qui servira de conteneur

Code (Sélectionner le code)

#conteneur {
     margin-left: auto;
     margin-right: auto;
     width: ....px; 
     }

- Ouvrir files/header.html et ajouter juste après la balise body:

Code (Sélectionner le code)

<div id="conteneur">

- Ouvrir le fichier files/footer.html, et fermer le div juste avant "</body>"

BlackJowy

Etoile

Age : 22 ans
Messages : 3477
Inscrit : 01 Mars 2007

18 Mars 2008, 8:45

C'est une question ou une explication ?

"It's backup day today so I'm pissed off. Being the BOFH, however, does have it's advantages. I reassign null to be the tape device — it's so much more economical on my time as I don't have to keep getting up to change tapes every 5 minutes. And it speeds up backups too, so it can't be all bad can it? Of course not." S.Travaglia

BlackJowy's FSB2 - Liste de mes mods (All 2.0.0 Compliant)

Skorps

Flammeche

Messages : 39
Inscrit : 08 Mai 2005

18 Mars 2008, 8:59

Une explication je pense

Citation (Maxi, 18 Mars 2008, 7:19)

Code (Sélectionner le code)

#conteneur {
     margin-left: auto;
     margin-right: auto;
     width: ....px; <!--Définir la largeur du forum ici-->
     }

Juste un petit détail : attention au commentaire en CSS, si quelqu'un ne s'y connaissant pas le laissait, c'est /* Commentaire */
Tu peux aussi utiliser, à la place des deux lignes margin-left / margin-right - et si tu souhaites définir les marges haute et basse :
margin: 0 auto 0 auto;

Pour ceux qui voudraient aller un peu plus loin, voici un bon tutoriel sur l'astuce de centrage.

Maxi

Equipe graphique

Age : 27 ans
Messages : 82
Inscrit : 14 Février 2006

18 Mars 2008, 9:36

Je voulais juste mettre ce que j'ai fait, si ca peut servir à quelqu'un.
Merci Skorps.

BlackJowy

Etoile

Age : 22 ans
Messages : 3477
Inscrit : 01 Mars 2007

18 Mars 2008, 9:50

@Maxi: Faut le poster sur le wiki alors

"It's backup day today so I'm pissed off. Being the BOFH, however, does have it's advantages. I reassign null to be the tape device — it's so much more economical on my time as I don't have to keep getting up to change tapes every 5 minutes. And it speeds up backups too, so it can't be all bad can it? Of course not." S.Travaglia

BlackJowy's FSB2 - Liste de mes mods (All 2.0.0 Compliant)

Maxi

Equipe graphique

Age : 27 ans
Messages : 82
Inscrit : 14 Février 2006

18 Mars 2008, 9:53

Citation (BlackJowy, 18 Mars 2008, 9:50)

@Maxi: Faut le poster sur le wiki alors

Oui, aussi. Tu as raison, je penserai à le faire.

Merci

cedric

Flammeche

Messages : 48
Inscrit : 25 Janvier 2008

18 Mars 2008, 11:59

c'est la méthode que j'ai utilisée également ;-)

PhenX

Equipe graphique

Age : 23 ans
Messages : 463
Inscrit : 31 Octobre 2007

20 Mars 2008, 17:13

Heu, pourquoi ne pas mettre tout simplement dans body :

margin: 5px auto;
width: 900px;

?

c'est comme ça que j'ai fait dans mon forum et aussi comme ça que j'avais fait a un moment de l'elaboration du design parce que je prefere en centré comme ça

>>> Mon topic <<< - http://www.phenxdesign.net/

Centrer le forum