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 :

Fixed dans un <div>?


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Nouveau candidat au Club
    Profil pro
    Inscrit en
    Décembre 2008
    Messages
    1
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2008
    Messages : 1
    Par défaut Fixed dans un <div>?
    Salut à tous!

    Moi, Petit newbie du Css et du forum, vient demander conseils.

    J'essaie de mettre un fixe sur mon site. Jusque la, tout va bien;
    Le problème c'est que lorsque je je dézoome, le menu se fait la belle et part loin, trèèèèèès loin du corps du site. (et ce que j'utilise des valeurs en px ou en %).

    Ce que je souhaiterai faire serait de fixer (via fixed!) mon menu vertical dans un <div> positionné en absolu (vous suivez???) afin que je mette ce div à côté d'une autre colonne (<div> elle même) pour que le menu suive le scroll de la colonne.

    J'ai un peu de mal à être clair!

    Bref en gros la question est : peut on fixer à l'intérieur d' un bloc au lieu de fixer uniquement par rapport à la page web????


    Si besoin est je peux fournir le code; pas de site par contre désolé!

  2. #2
    Membre éclairé
    Inscrit en
    Décembre 2008
    Messages
    46
    Détails du profil
    Informations personnelles :
    Âge : 48

    Informations forums :
    Inscription : Décembre 2008
    Messages : 46
    Par défaut
    Premier point :
    Par définition un fixed est fixe à l'écran, il ne devrait pas être dans un div en absolute...

    il vaudrait mieux que le fameux div en absolute soit en fixed. Et que le menu soit positionné correctement dans son div conteneur.

    Second point :
    Sache que sous IE6 position fixed ne marche pas.

    Sur mon site j'utilise les expressions pour pallier au problème :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    // Pour tous les navigateurs
    <style type="text/css" >
    #positionFixe{position:fixed;left:0px;top:35px;}
    </style>
    //Pour IE6
    	<!--[if lt IE 7]>
    	<style type="text/css" >
    	#positionFixe{position:absolute;top:expression(fixed_top(this,35));left:0px;}
    	</style><![endif]-->
    la fonction fixed_top est une fonction javascript qui reclacul le top du div par rapport aux scrolls afin qu'il soit toujours à 35px du haut de la fenêtre.

Discussions similaires

  1. Placer un element fixe dans un div en overflow
    Par pmithrandir dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 19/10/2007, 14h05
  2. image dans une iframe div qui ne s'efface pas
    Par Invité(e) dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 26/10/2005, 11h19
  3. <ul> et <li> dans un block div
    Par Death83 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 14
    Dernier message: 03/09/2005, 09h22
  4. Des styles pour le texte et les liens dans la meme div?
    Par Donkey' Shot dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 26/01/2005, 20h03
  5. [DIV] contenir les elements dans la balise div
    Par kemodo dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 11/10/2004, 20h43

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