Nouveau sujet Répondre Imprimer Syndication RSS 2.0

Centrer le forum

Taille fixe définie.
Equipe graphique
Avatar de Maxi
  • Age : 27 ans
  • Messages : 82
  • Inscrit : 14 Février 2006
Message édité 1 fois, dernière édition par Maxi, 18 Mars 2008, 9:34     Lien vers ce message 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"
margin: 0;


- Ajouter l'id qui servira de conteneur

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


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

<div id="conteneur">


- Ouvrir le fichier files/footer.html, et fermer le div juste avant "</body>"
 
Etoile
Avatar de BlackJowy
  • Age : 22 ans
  • Messages : 3477
  • Inscrit : 01 Mars 2007
  Lien vers ce message 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

 
Flammeche
Avatar de Skorps
  • Messages : 39
  • Inscrit : 08 Mai 2005
  Lien vers ce message 18 Mars 2008, 8:59
Une explication je pense :)


#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.
 
Equipe graphique
Avatar de Maxi
  • Age : 27 ans
  • Messages : 82
  • Inscrit : 14 Février 2006
  Lien vers ce message 18 Mars 2008, 9:36
Je voulais juste mettre ce que j'ai fait, si ca peut servir à quelqu'un.
Merci Skorps.
 
Etoile
Avatar de BlackJowy
  • Age : 22 ans
  • Messages : 3477
  • Inscrit : 01 Mars 2007
  Lien vers ce message 18 Mars 2008, 9:50
@Maxi: Faut le poster sur le wiki alors :p


"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

 
Equipe graphique
Avatar de Maxi
  • Age : 27 ans
  • Messages : 82
  • Inscrit : 14 Février 2006
  Lien vers ce message 18 Mars 2008, 9:53
@Maxi: Faut le poster sur le wiki alors :p


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

Merci
 
Flammeche
Avatar de cedric
  • Messages : 48
  • Inscrit : 25 Janvier 2008
  Lien vers ce message 18 Mars 2008, 11:59
c'est la méthode que j'ai utilisée également ;-)
 
Equipe graphique
Avatar de PhenX
  • Age : 23 ans
  • Messages : 463
  • Inscrit : 31 Octobre 2007
  Lien vers ce message 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


 
Répondre


.