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 :

Pb pour centrer deux divs dans un div


Sujet :

Centrer un élément en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Développeur Web
    Inscrit en
    Février 2008
    Messages
    114
    Détails du profil
    Informations personnelles :
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Février 2008
    Messages : 114
    Par défaut Pb pour centrer deux divs dans un div
    Bonjour,

    Je souhaiterais avoir le block "1" centrer au dessus du texte de test.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    <div class="test">
                <div class="test1">
                    1</div>
                <div class="test2">
                    testestestestestestestest</div>
            </div>
    et mon CSS

    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
    .test
    {
        text-align:center;
        width:75%;
        margin:0 auto;
    }
    .test1
    {
        color:White;
        background-color: Black;
        width: 25px;
        height: 25px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        border: 1px solid Black;
    }
    .test2
    {
        margin:0 auto;
    }
    Merci

  2. #2
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 213
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 213
    Par défaut
    Bonjour,
    ce n'est pas ce que tu obtiens ?

  3. #3
    Invité
    Invité(e)
    Par défaut
    Bonjour,
    à priori,
    il manque juste pour .test1 :
    margin:0 auto;

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 213
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 213
    Par défaut
    Bonjour,
    ce n'est pas ce que tu obtiens ?
    sur IE (7) il y a diffusion du text-align:center;, mais pas sur les autres navigateurs donc la solution proposée par jreaux62 est plus que pertinente.

Discussions similaires

  1. Centrer une phrase dans un DIV
    Par hellspawn_ludo dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 09/03/2008, 11h21
  2. [FF vs IE] centrer un div dans un div
    Par bkadoum dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 09/12/2007, 15h02
  3. Positionnement de deux div dans une div
    Par Olivier Regnier dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 30/08/2007, 15h52
  4. centrer text+image dans un div (bottom)
    Par Clorish dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 22/06/2007, 09h34
  5. [CSS] faire deux colones dans un div
    Par julien.63 dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 28/06/2006, 14h24

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