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] Donner une taille variable


Sujet :

CSS

  1. #1
    Membre habitué
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    187
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2007
    Messages : 187
    Points : 126
    Points
    126
    Par défaut [Div] Donner une taille variable
    Bonjour à tous,
    je suppose que la question a dejà été posée mais je n'est pas trouver de réponse alors voila :
    Comment fait on pour la taille d'un div soit variable.
    Mon div est composé de plusieurs lignes de texte séparés par des <br> et je voudrait que sa taille soit celle de la ligne la plus longue.
    Merci d'avance.
    Seulement le tout venant a été piraté par les mômes... Qu'est-ce qu'on fait, on s' risque sur le bizard ???

  2. #2
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Bonjour,
    a priori si tu ne défini pas la largeur, ça devrait être le cas ...

    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  3. #3
    Membre habitué
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    187
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2007
    Messages : 187
    Points : 126
    Points
    126
    Par défaut
    Salut,
    non ce n'est pas le cas.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    <div id="block" style="border : solid #000 1px;">
          aaaaaaaaaaaaaaaaaaaaaaaaaaa<br>
          bbbbbbbbbbbbbbbbbbbbb<br>
    	ccccccccccccc<br>
    	eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee<br>
    </div>
    Ceci prend la taille de l'ecran et pas celle de la ligne de 'e'.
    Seulement le tout venant a été piraté par les mômes... Qu'est-ce qu'on fait, on s' risque sur le bizard ???

  4. #4
    Rédacteur
    Avatar de MasterOfChakhaL
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2004
    Messages
    2 147
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 44
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2004
    Messages : 2 147
    Points : 3 264
    Points
    3 264
    Par défaut
    salut,

    Le comportement par défaut d'un élément bloc (dont les div) est de prendre 100% de la largeur disponible.

    Les éléments flottants (float: left ou right) et les elements en ligne (display: inline) ainsi que les tableaux s'adaptent a leur contenu.
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    N'oubliez pas de cliquer sur quand votre question à trouvé une solution.

    Si vous n'avez pas encore lu les règles du club, mieux vaut tard que jamais!

  5. #5
    Membre habitué
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    187
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2007
    Messages : 187
    Points : 126
    Points
    126
    Par défaut
    Merci de ta reponse,
    si je comprend bien pour ajuster la taille d'un div au contenu je suis obligé de le sortir du flux ou d'utiliser une table. Il n'y a pas d'autre moyen?
    Seulement le tout venant a été piraté par les mômes... Qu'est-ce qu'on fait, on s' risque sur le bizard ???

  6. #6
    Expert éminent sénior

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Points : 36 571
    Points
    36 571
    Par défaut
    Citation Envoyé par MasterOfChakhaL
    Le comportement par défaut d'un élément bloc (dont les div) est de prendre 100% de la largeur disponible.
    Effectivement, dans ma réponse était sous-entendu "dans la limite de la taille de la fenetre (ou du bloc parent)" ...

    A+
    Pour tout savoir sur l'utilisation du forum

    En postant votre message, n'oubliez pas les Règles du Club.

  7. #7
    Membre habitué
    Profil pro
    Inscrit en
    Janvier 2007
    Messages
    187
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2007
    Messages : 187
    Points : 126
    Points
    126
    Par défaut
    Bon ben merci pour vos reponses
    ++
    Seulement le tout venant a été piraté par les mômes... Qu'est-ce qu'on fait, on s' risque sur le bizard ???

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

Discussions similaires

  1. Réponses: 3
    Dernier message: 15/09/2008, 10h41
  2. Donner une taille avec Javascript
    Par GLDavid dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 28/11/2007, 11h28
  3. Centrer une div ayant une taille fixe
    Par Khrysby dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 04/02/2007, 16h03
  4. Donner une taille fixe à un widget GTK
    Par gwenhael dans le forum GTK+
    Réponses: 3
    Dernier message: 26/06/2006, 14h59

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