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 :

[CSS ?] Hauteur maximum pour div


Sujet :

Dimensionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éprouvé Avatar de Commodore
    Homme Profil pro
    Business manager
    Inscrit en
    Février 2004
    Messages
    599
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Nord (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Business manager

    Informations forums :
    Inscription : Février 2004
    Messages : 599
    Par défaut [CSS ?] Hauteur maximum pour div
    Bonjour,

    Y'a t-il une façon de gérer un div pour qu'il s'adapte à la hauteur de son contenu mais seulement jusqu'à une certaine limite ?

    J'ai un contenu issu d'une requete SQL qui doit s'intégrer dans mon div, mais pour garder un aspect "confortable", il faudrait que le div puisse épouser la hauteur de son contenu dans la limite de 300px et qu'après il passe en overflow:scroll

    Cordialement

  2. #2
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Bonjour,

    Oui c'est possible avec un max-height:300px;

  3. #3
    Membre expérimenté
    Profil pro
    Inscrit en
    Février 2007
    Messages
    265
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 265
    Par défaut
    Attention cependant ca ne marche pas sous IE6

  4. #4
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Citation Envoyé par jln13 Voir le message
    Attention cependant ca ne marche pas sous IE6
    Je sais a la limite pour IE6 il pourra mettre un height:300px et avec le overflow:auto pas de risque de débordement.

    EDIT :
    Sinon il y a une solution avec les expressions CSS :
    Code xhtml : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <!--[if IE 6]> 
    <style type="text/css">
    #bloc { height:expression(this.scrollHeight > 300 ? "300px" : "auto"); }
    </style>
    <![endif]-->

  5. #5
    Membre expérimenté
    Profil pro
    Inscrit en
    Février 2007
    Messages
    265
    Détails du profil
    Informations personnelles :
    Âge : 43
    Localisation : France

    Informations forums :
    Inscription : Février 2007
    Messages : 265
    Par défaut
    Hum.. intéressant je connaissais pas ce truc IE "expression" !
    Par contre cette fonction exécutant du code javascript il faut déclarer la CSS après l'élément HTML.

    Voila juste pour préciser, si ca sert a qqn..

  6. #6
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Citation Envoyé par jln13 Voir le message
    Par contre cette fonction exécutant du code javascript
    Oui, les expressions css permettent d'introduire du JavaScript.

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

Discussions similaires

  1. Hauteur maximum pour les tableau ?
    Par Spyki dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 05/06/2015, 16h19
  2. [CSS] Image dans un Div -> problème de hauteur
    Par Torpedox dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 02/02/2006, 23h40
  3. [CSS][IE] hauteur d'un div
    Par sir_gcc dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 13/01/2006, 11h21
  4. [CSS] propriété resizable pour une div ?
    Par 10-nice dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 22/09/2005, 10h12

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