IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Centrer un conteneur


Sujet :

Centrer un élément en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Inscrit en
    Avril 2012
    Messages
    19
    Détails du profil
    Informations forums :
    Inscription : Avril 2012
    Messages : 19
    Par défaut Centrer un conteneur
    Bonjour, je suis en train de faire un site mais j'ai un problème pour centrer le contenu de la page. Voici mon code.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    html, body { 
      min-width: 960px;
      width: 100%; 
      height: 100%;
    }
     
    * {  
      margin: 0; 
      border: 0; 
      padding: 0; 
    }
     
    body {
      background: #e2f0f8;
      background-image: url(../images/degrade.png);
      background-repeat: no-repeat;
      background-attachment: scroll;
      background-size: cover;
      color: #1a1a1a;
      font-family: 'Lucida Sans', Arial, Verdana, "Helvetica Neue", "Nimbus Sans L", sans-serif;
      font-size: 13px;
    }
     
    #conteneur {
      /*width: 100%;
      margin: 0 auto;
      padding: 0;*/
      position: relative;
    }
     
    #entete {
      margin-bottom: 10px;
      width: 100%;
    }
     
    /*-------------------Menu principal-----------------------*/
    #main_menu {
      width: 100%;
      margin-top: 5px;
      position: relative;
      display: block;
      height: 39px;
      background: #fff;
      border-bottom: 3px solid #023540;
    }
    /*-------------------/Menu principal-----------------------*/
     
    /*-------------------------------------------*
    /* Corps
    /*-------------------------------------------*/
    #corps {
      border: 1px solid #fff;
      border-radius: 25px 0 25px 0;
      background: rgba(255, 255, 255, 1.0);
      margin: auto;
      padding: 10px 0px 0px 10px;
      width: 960px;
      display: table-cell;
      vertical-align: middle;
      position: relative;
    }
    Merci pour votre aide.

  2. #2
    Membre extrêmement actif
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Billets dans le blog
    6
    Par défaut
    Bonjour et merci de :
    1. Mettre le code dans une balise CODE (bouton #);
    2. Donner le code HTML;
    3. Définir à quoi correspond «contenu de la page»;
    4. Nous dire si vous voulez centrer horizontalement ou verticalement.


    En attendant, voici des solutions aux positionnements CSS.

  3. #3
    Membre averti
    Inscrit en
    Avril 2012
    Messages
    19
    Détails du profil
    Informations forums :
    Inscription : Avril 2012
    Messages : 19
    Par défaut
    Désolé Muchos c'est la 1ère fois que j'oublie de mettre la balise code. Je voulais faire un centrage horizontal et grace à ton lien j'ai pu faire ce que je voulais. Merci beaucoup.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Centrer deux images côte à côte dans leur conteneur <li>
    Par FixSan dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 19/05/2012, 10h35
  2. Centrer le contenu d'un conteneur entre 2 autres conteneurs
    Par niavlys77 dans le forum Mise en page CSS
    Réponses: 28
    Dernier message: 22/04/2009, 09h02
  3. Réponses: 12
    Dernier message: 23/05/2008, 15h16
  4. Centrer conteneur en milieu de page
    Par jm49 dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 17/03/2008, 22h59
  5. Centrer un texte dans un string Grid
    Par christine dans le forum C++Builder
    Réponses: 5
    Dernier message: 22/10/2002, 22h33

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo