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 :

Position: fixed et résolutions d'écran


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Homme Profil pro
    Inscrit en
    Décembre 2009
    Messages
    9
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Décembre 2009
    Messages : 9
    Par défaut Position: fixed et résolutions d'écran
    Bonjour,

    Voilà mon problème, je souhaites installé un petit tableau en position: fixed sur mon site. (Donc une petite boîte qui reste à la même position lorsque le visiteurs descend la page.) Tout est installé et parfaitement fonctionnel, sauf que je souhaite que la boîte en question soit sur le côté de mon tableau principal (suivre la bordure donc) un peu comme ici: http://phpboost.com/. (D'ailleurs, s'il était possible de me dire comment faire le défilement avec transition vers le haut et bas de la page lorsqu'on clique sur les flèches. ) Lorsque je change la résolution de mon écran, le bloc de phpboost reste à la même place par apport au tableau, ce qui n'est pas le cas sur mon site. Je sais que c'est possible, mais comment faire ?

    Merci !

  2. #2
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    Il suffit de regarder le code source de cette page, avec un outil comme Firebug permet de voir encore mieux comment c'est fait.

    Ce qu'ils ont fait c'est placer la div à l'intérieur du bloc principal, puis ils ont mis une marge pour le positionner à droite...

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    div#links_vertical {
    display:block !important;
    margin-left:990px;
    padding-left:2px;
    position:fixed;
    text-align:center;
    top:35%;
    width:27px;
    }

Discussions similaires

  1. Récupérer le top d'un élément en position: fixed
    Par Maximil ian dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 26/10/2007, 09h54
  2. Réponses: 2
    Dernier message: 24/07/2007, 21h17
  3. Centrer une <div> en position fixe sous IE
    Par Jorus dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 23/09/2004, 15h29
  4. Comment connaître la résolution d'écran ?
    Par Frunz dans le forum Langage
    Réponses: 3
    Dernier message: 18/06/2004, 17h50
  5. Résolution d'écran
    Par titicurio dans le forum C++Builder
    Réponses: 8
    Dernier message: 10/10/2003, 17h40

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