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 :

Menu en position:fixed plus haut que la fenêtre


Sujet :

CSS

  1. #1
    Membre émérite Avatar de Maximil ian
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    2 622
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 2 622
    Points : 2 973
    Points
    2 973
    Par défaut Menu en position:fixed plus haut que la fenêtre
    Bonjour,

    J'ai déjà exposé la première partie de mon problème ici.
    J'ai un tableau en position: fixed placé à l'intérieur d'un autre tableau :

    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
     
    <table id="corps">
       <tr><td class="liennb" bgcolor="#339999" valign="top">
     
          <table border='1' cellpadding='2' style="background-color: #339999; 
          width: 148px; margin-right: 0px; float: left; position: fixed; z-index: 0" id="menu_gauche">
             <tr><td>
             ...
             </td></tr>
          ...
          </table>
     
       </td>
       <td>...</td>
       </tr>
    </table>
    <br/>
     
    <table id="footer">
    <tr><td>
    ...
    </td></tr>
    </table>
    Tant que le tableau "menu_gauche" est petit en hauteur, tout va bien. Mais lorsqu'il arrive à une certaine taille :

    Il dépasse du cadre de son "conteneur" (le tableau "corps") et vient déborder sur le tableau "footer".

    Si "menu_gauche" est plus haut que la fenêtre du navigateur, son bas ne s'affiche jamais.

    Je sais que le conteneur des blocs en position:fixed est en fait la fenêtre et que leur top est toujours placé au même endroit par rapport au haut de la fenêtre.
    Mais n'y a-t-il pas un moyen de contourner ça pour avoir un menu flottant dont la hauteur peut dépasser celle de la fenêtre et qui ne déborde pas sur les éléments situés plus bas ?

    Merci pour vos suggestions
    Pensez au bouton

  2. #2
    Rédacteur/Modérateur
    Avatar de troumad
    Homme Profil pro
    Enseignant
    Inscrit en
    Novembre 2003
    Messages
    5 597
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 56
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Novembre 2003
    Messages : 5 597
    Points : 7 832
    Points
    7 832
    Par défaut
    Ton but est de faire quoi ?
    Pourquoi n'essaies-tu pas les div ?
    Modérateur Mageia/Mandriva Linux
    Amicalement VOOotre
    Troumad Alias Bernard SIAUD à découvrir sur http://troumad.org
    Mes tutoriels : xrandr, algorigramme et C, xml et gtk...

  3. #3
    Membre émérite Avatar de Maximil ian
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    2 622
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 2 622
    Points : 2 973
    Points
    2 973
    Par défaut
    Citation Envoyé par troumad
    Ton but est de faire quoi ?
    A partir une page existante déjà en ligne, il s'agit de rendre le menu de gauche flottant. Ce menu est généré dynamiquement par du PHP, donc il peut être plus ou moins haut.

    Pourquoi n'essaies-tu pas les div ?
    Il faut garder la structure existante, je ne peux donc pas utiliser de DIV. D'ailleurs je ne pense pas que ça résoudrait le problème du menu plus haut que la fenêtre...
    Pensez au bouton

  4. #4
    Rédacteur/Modérateur
    Avatar de troumad
    Homme Profil pro
    Enseignant
    Inscrit en
    Novembre 2003
    Messages
    5 597
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 56
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Enseignement

    Informations forums :
    Inscription : Novembre 2003
    Messages : 5 597
    Points : 7 832
    Points
    7 832
    Par défaut
    Citation Envoyé par Maximilian
    Citation Envoyé par troumad
    Pourquoi n'essaies-tu pas les div ?
    Il faut garder la structure existante, je ne peux donc pas utiliser de DIV. D'ailleurs je ne pense pas que ça résoudrait le problème du menu plus haut que la fenêtre...
    C'est que ta structure avec des flottants dans un tableau me fait peur !
    Modérateur Mageia/Mandriva Linux
    Amicalement VOOotre
    Troumad Alias Bernard SIAUD à découvrir sur http://troumad.org
    Mes tutoriels : xrandr, algorigramme et C, xml et gtk...

  5. #5
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    16
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2004
    Messages : 16
    Points : 19
    Points
    19
    Par défaut
    Une solution pourrait être de mettre un div avec une propriété overflow dans ton tableau "corps".

    Une autre bien meilleure consisterait à virer tous les tableaux

  6. #6
    Membre du Club
    Profil pro
    Inscrit en
    Décembre 2004
    Messages
    41
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2004
    Messages : 41
    Points : 44
    Points
    44
    Par défaut
    ...et de faire tout en css

  7. #7
    Membre émérite Avatar de Maximil ian
    Profil pro
    Inscrit en
    Juin 2003
    Messages
    2 622
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2003
    Messages : 2 622
    Points : 2 973
    Points
    2 973
    Par défaut
    J'aimerais bien me passer des tableaux mais je n'ai ni le temps ni la bénédiction de ma hiérarchie pour le faire. Il faut reprendre la page telle qu'elle est, en plus si je faisais passer une page en blocs CSS alors il faudrait le faire pour tout le site (200 pages au bas mot)

    Citation Envoyé par BoBinou
    Une solution pourrait être de mettre un div avec une propriété overflow dans ton tableau "corps".
    En effet, mais la scrollbar supplémentaire qui apparaitrait serait assez disgracieuse.

    Je crois que je vais me résoudre à faire des menus plus petits qui rentrent dans la page en hauteur...

    Merci à tous.
    Pensez au bouton

  8. #8
    Membre à l'essai
    Profil pro
    Inscrit en
    Mars 2004
    Messages
    16
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mars 2004
    Messages : 16
    Points : 19
    Points
    19
    Par défaut
    Citation Envoyé par Maximilian
    J'aimerais bien me passer des tableaux mais je n'ai ni le temps ni la bénédiction de ma hiérarchie pour le faire. Il faut reprendre la page telle qu'elle est, en plus si je faisais passer une page en blocs CSS alors il faudrait le faire pour tout le site (200 pages au bas mot)
    200 pages écrites en dur Propose de faire un système de template ! Tu m'étonnes qu'il faudrait du temps à tout changer !

    Citation Envoyé par BoBinou
    Une solution pourrait être de mettre un div avec une propriété overflow dans ton tableau "corps".
    En effet, mais la scrollbar supplémentaire qui apparaitrait serait assez disgracieuse.
    Si tu veux descendre dans une portion de fenêtre je ne vois pas trop comment faire autrement... Ou alors un bouton spécial en javascript, mais pour un menu c'est pas terrible niveau IHM. J'ai bien peur de ne pas avoir compris ta question de départ

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 02/04/2015, 21h35
  2. Image du titre d'un menu, et position fixed
    Par jmde dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 09/07/2009, 12h19
  3. Réponses: 1
    Dernier message: 02/06/2009, 12h32
  4. un tableau plus large que la fenêtre.
    Par maniaco_jazz dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 04/12/2005, 23h25

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