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

HTML Discussion :

Taille d'une div


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2002
    Messages
    112
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2002
    Messages : 112
    Par défaut Taille d'une div
    Bonjour,

    J'utilise des balises div, je me suis apperçu que leurs longueurs s'adapte au contenu même si la taille est fixée dans en style.

    Est-il possible de faire de même avec la largeur ?

    Merci

  2. #2
    Membre éclairé Avatar de poussinphp
    Profil pro
    Inscrit en
    Janvier 2005
    Messages
    428
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Janvier 2005
    Messages : 428
    Par défaut
    oui c'est possible, ça se fais automatiquement si tu fais des <br /> ou si tu fais des paragraphes. les div son des boites de texte qui s'adaptent à leur contenu (sauf indication contraire avec le css).

  3. #3
    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 Galaad
    Bonjour,

    J'utilise des balises div, je me suis apperçu que leurs longueurs s'adapte au contenu même si la taille est fixée dans en style.
    Tu as regardé sur quel navigateur?

    Si tu donnes une taille fixe à un div à l'aide de la propriété height, celui-ci ne s'allonge plus avec le contenu (son comportement par défaut) mais s'arrête à la hauteur fixée. Le comportement que tu décris correspond à la propriété min-height. Sauf que IE interprète la propriété height comme un min-height et n'interprète pas le min-height

    Pour la largeur, par défaut un div dans le flux occupe toute la largeur donnée par son conteneur (comportement par défaut des boîtes de type block). Il ne s'adapte au contenu que lorsqu'il est en float ou en absolu. De nouveau, IE , si on donne un width au div, va l'étendre selon le contenu, mais pas les autres navigateurs.

    Par contre les éléments inline (span, par exemple) s'adaptent au contenu autant en largeur qu'en hauteur (les propriétés width et height sont sans effet puisque réservées pour les éléments de type block, à part, je crois, sur IE).
    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

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

Discussions similaires

  1. Adapter la taille d'une DIV par rapport à une autre
    Par sletis dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 23/03/2009, 17h41
  2. Taille d'une DIV
    Par cereal59 dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 14/01/2008, 17h51
  3. Problème de taill d'une div en float:left
    Par Khrysby dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 27/05/2007, 01h48
  4. Je n'arrive pas à diminuer la taille d'une div lorsque j'en insère une autre.
    Par psychoBob dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 27/05/2006, 21h04

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