Résolu Centrer page web

Solutions (12)
Tags :
  • web
  • Dreamweaver
  • Programmation
|
Bonjour,

J'ai créée une simple page web avec dreamweaver. J'ai pris la version d'essai car c'était juste pour une seule page.

Cependant, je n'ai pas trouvé l'option pour centrer la page.
J'ai un peu cherché, en CSS et HTML pour modifier le code (du genre width:auto) mais les modifications effectuées ont été nulles.

Pourriez vous me donner un petit coup de pouce ? Merci pour votre aide.

Contenus similaires
Meilleure solution
partage
, Ex-AdMiN |
non c'est margin:auto.

EN gros tu défini un bloc avec une largeur défini, en pixel, pourcentage (...) et ensuite tu appliques une marge de droite et gauche de auto.

En gref tu as :

  1. <body>
  2. <div id="blocCentre">
  3. </div>
  4. </body>


Avec dans le CSS

  1. #blocCentre {
  2. width:960px; /* Largeur idéale pour faire un site,n après tu mets ce que tu veux */
  3. margin:auto;
  4. }

  • Commenter cette solution |
Score
0
òh
òi
, Ex-AdMiN |
Si ton sujet est résolu, merci de le passer en tant que tel en choisissant une meilleur réponse.
  • Commenter cette réponse |
Score
0
òh
òi
|
Par-fait !
Merci beaucoup
  • Commenter cette réponse |
Score
0
òh
òi
, Ex-AdMiN |
Tout dépend de où tu as mis ton background. Si il est sur <body> alors par défaut le fond est logiquement aligné en haut à gauche et se répète.

Il faut donc déterminer la position du background avec la propriété css background-position:top center;

background-position, peut et même il est préférable qu'elle soit intégré dans background.

  1. BODY {
  2. background: color url(image.png) repeat position-y position-y;
  3. }


color est la couleur du fond, visible avant le chargement de l'image, si l'image n'est pas chargé ou encore si l'image ne se répette pas et ne prend pas l'ensemble de la taille du bloc.

url(image.png) est l'url de l'image

repeat est la facon dont le fond se répère. Il peut par exemple se répéter que horizontalement : repeat-x, verticalement repeat-y, ne pas se répéter no-repeat ou repeat.

Puis on arrive à la position, par exemple si on veut mettre une image de fond que en bas centré, alors on a bottom center.


Documentation sur background
  • Commenter cette réponse |
Score
0
òh
òi
|
Merci pour ces explications. Cependant, ce que je ne comprends pas, c'est pourquoi l'image de fond n'est elle, pas centrée ?
Pourriez vous (sans vouloir abuser) m'expliquer pourquoi ?
J'ai essayé de mettre les lgnes à modifier avant d'appeler le background mais bon :/ 
  • Commenter cette réponse |
Score
0
òh
òi
|
Ok, j'ai bien reçu le message SiM07, merci pour cette explication!
  • Commenter cette réponse |
Score
0
òh
òi
, Ex-AdMiN |
PGM_du_net, ça fonctionne ... Mais ce n'est absolument pas bon.

Si tu fais bien les choses et c'est vrai autant coté client que coté serveur, les données doivent être séparée de la mise en page. Le CSS fait la mise en page, le xHTML ou le HTML fait la structure des données. <center> est du style dans du HTML ce n'est donc pas logique.
  • Commenter cette réponse |
Score
0
òh
òi
|
Non ca ne fonctionne plus avec les nouveau doctype et norme strict XHTML.
A oublier très vite pour un site récent.
  • Commenter cette réponse |
Score
0
òh
òi
|
Je sais que tu n'aimes pas ça SiM07, c'est l'une des raisons du pourquoi que j'ai posté <center>.

Mais, je devrais rajouter tout de même que ça fonctionne très bien!

  • Commenter cette réponse |
Score
0
òh
òi
, Ex-AdMiN |
Mon dieu quelle horreur !
  • Commenter cette réponse |
Score
0
òh
òi
|
PGM_du_net a dit :
<center> Ton code </center>


La balise CENTER n'est plus reconnue depuis la version 4.0 du html...
Elle fonctionne, mais je la déconseille!
  • Commenter cette réponse |
Score
0
òh
òi
|
<center> Ton code </center>
  • Commenter cette réponse |

Ce n'est pas ce que vous cherchiez ?

Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS