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 élément + scrollbar


Sujet :

Centrer un élément en CSS

  1. #1
    Membre confirmé
    Homme Profil pro
    Tehnicien Tests Logiciels
    Inscrit en
    Avril 2011
    Messages
    54
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Tehnicien Tests Logiciels

    Informations forums :
    Inscription : Avril 2011
    Messages : 54
    Par défaut centrer élément + scrollbar
    Bonjour,

    Voila j'ai un élément dans ma page qui est centré grâce à ce code css :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    div#fondElement1{
    background-color:ActiveCaption;
    border-radius: 25px;
    margin-top:200px;
    margin-left: auto;
    margin-right: auto;
    padding-bottom : 10px;
    padding-left : 10px;
    padding-right: 10px;
    padding-top: 10px;
    width: 62em;
    z-index:1;
    Mais le problème c'est que dans mon élément il y a un tableau qui se déroule du coup lorsque je le déroule, l'élément se recentre (bouge) à cause de la scrollbar...comment éviter se genre de désagrément ?

    merci pour votre aide

  2. #2
    Membre très actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2011
    Messages
    154
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ariège (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2011
    Messages : 154
    Par défaut
    Salut,

    Tu peux rien faire, c'est le comportement normal. Soit tu te débrouilles pour pas afficher la scrollbar (conteneur extensible, ton élément passe au-dessus, ou t'affiche pas tout ton élément) soit tu centre pas, tu mets juste une margin-left arbitraire.

    @+

    Piero

  3. #3
    Membre Expert
    Avatar de Candygirl
    Femme Profil pro
    Inscrit en
    Juillet 2006
    Messages
    1 912
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Âge : 53
    Localisation : Suisse

    Informations forums :
    Inscription : Juillet 2006
    Messages : 1 912
    Par défaut
    Hello,

    Tu peux forcer l'affichage de la scrollbar sur toutes les pages:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    html {overflow-y:scroll;}
    Mais est-ce réellement nécessaire ?
    Les bons réflexes:
    • avant de poser une question:
      règles | faq | tutoriels | recherche
    • clarté, politesse, vocabulaire et orthographe soignés = efficacité
    • remercier ceux qui ont pris le temps d'aider et :resolu: si c'est le cas

  4. #4
    Membre très actif
    Homme Profil pro
    Développeur Web
    Inscrit en
    Mars 2011
    Messages
    154
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Ariège (Midi Pyrénées)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Mars 2011
    Messages : 154
    Par défaut
    Citation Envoyé par Candygirl Voir le message
    Tu peux forcer l'affichage de la scrollbar sur toutes les pages
    Je plussoie, j'y avais même pas pensé parce que j'aime pas les scrolls-bars, mais c'est certainement la réponse que retiendra notre ami...

    @+
    Piero

  5. #5
    Membre confirmé
    Homme Profil pro
    Tehnicien Tests Logiciels
    Inscrit en
    Avril 2011
    Messages
    54
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Tehnicien Tests Logiciels

    Informations forums :
    Inscription : Avril 2011
    Messages : 54
    Par défaut
    Finalement j'ai descendu mon bas de page ^^

    C'est surtout aussi si je met un background full-screen...

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

Discussions similaires

  1. Layout centrer éléments
    Par jojo_ol76 dans le forum Composants graphiques
    Réponses: 2
    Dernier message: 03/02/2013, 15h23
  2. [CSS 2] Centrer élément de type "inline"
    Par fab76000 dans le forum Mise en page CSS
    Réponses: 9
    Dernier message: 19/01/2009, 20h24
  3. Centrer des scrollbars
    Par JCD21 dans le forum AWT/Swing
    Réponses: 1
    Dernier message: 11/04/2008, 23h58
  4. Centrer la scrollbar horizontale
    Par guigui5931 dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 16/05/2007, 17h11
  5. [Access 97] centrer élément dans un listbox
    Par motrin dans le forum Access
    Réponses: 3
    Dernier message: 30/06/2006, 21h19

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