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 :

Div s'adaptant au contenue puis affichage de scrollbar


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre chevronné
    Avatar de malbaladejo
    Profil pro
    Inscrit en
    Avril 2002
    Messages
    379
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Avril 2002
    Messages : 379
    Par défaut Div s'adaptant au contenue puis affichage de scrollbar
    Bonjour a tous,

    Je dois afficher un tableau qui peut contenir de 1 à n lignes (n pouvant être grand).
    Le tableau est contenu dans un div avec une hateur fixe et overflow auto.
    Lorsqu'il y a beaucoup de lignes, le scrollbar apparait et tout va bien.

    Mon problème est que lorsqu'il y a peu de ligne, le tableau est moins haut que le div, il n'y a donc pas de scrollbar mais la hauteur du div ne change pas.

    Je voudrais que le div s'adapte à la hauteur du tableau jusqu'a une certaine limite, puis que sa hauteur ne bouge plus et que le scrollbar apparaisse.

    Est-ce possible en CSS ou faut-il faire de javascript ?

  2. #2
    Membre chevronné
    Inscrit en
    Novembre 2006
    Messages
    336
    Détails du profil
    Informations forums :
    Inscription : Novembre 2006
    Messages : 336
    Par défaut
    C'est faisable avec le max-height, mais ce n'est pas interprété par ie.

  3. #3
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut

    En effet le max-height et IE ne sont pas très copain donc il va falloir que tu t'en sortes en utilisant du Javascript et en récupérant la taille de tableau.

  4. #4
    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
    Citation Envoyé par Shinuza
    C'est faisable avec le max-height, mais ce n'est pas interprété par ie.
    par IE6 et -
    IE7 l'interprète
    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

  5. #5
    Membre chevronné
    Avatar de malbaladejo
    Profil pro
    Inscrit en
    Avril 2002
    Messages
    379
    Détails du profil
    Informations personnelles :
    Âge : 47
    Localisation : France, Alpes Maritimes (Provence Alpes Côte d'Azur)

    Informations forums :
    Inscription : Avril 2002
    Messages : 379
    Par défaut
    Citation Envoyé par Candygirl
    par IE6 et -
    IE7 l'interprète
    J'ai testé sous IE7 et je crois que ca ne marche pas.
    Je vais réessayer mais si ca ne marche pas sous IE6 ca ne passera.
    Je vais devoir faire du javascript.

    Merci de vos réponses.

    [edit]Effectivement ca marche sous IE7.
    Ca ne résout pas complètement mon problème mais j'ai appris un truc.
    Merci Candygirl[/edit]

  6. #6
    Membre Expert
    Avatar de trotters213
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    2 571
    Détails du profil
    Informations personnelles :
    Âge : 40
    Localisation : France, Gard (Languedoc Roussillon)

    Informations forums :
    Inscription : Janvier 2005
    Messages : 2 571
    Par défaut
    Citation Envoyé par malbaladejo
    Effectivement ca marche sous IE7.
    Pense tout de même que la majorité des gens sont encore sous IE 6 donc ne fait pas en fonction de IE 7 sinon tu risuqes d'avoir des soucis avec la majorité des visiteurs.

Discussions similaires

  1. Affichage d'un div par-dessus le contenu au passage de la souris
    Par jbidou88 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 05/04/2011, 16h44
  2. Hauteur du DIV adaptée au contenu
    Par imagonem dans le forum Mise en page CSS
    Réponses: 7
    Dernier message: 30/01/2009, 14h17
  3. Masquage d'une div puis affichage d'une autre
    Par pierreonxbox dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 22/05/2007, 15h00
  4. Réponses: 2
    Dernier message: 09/06/2006, 15h49
  5. <DIV> : Menu fixe mais contenu variable
    Par Hell dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 03/12/2005, 12h19

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