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 :

Div qui n'adapte pas sa taille


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé Avatar de Général03
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    848
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 848
    Par défaut Div qui n'adapte pas sa taille
    Bonjour,

    j'ai une page dans laquelle j'ai plusieurs div et dans l'une d'elle :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    ...
    <div>
       <form>
          <table></table>
          <table></table>
       </form>
    </div>
    ...
    Et la taille de mon formulaire dépasse la taille de cette div !!! Du coup la couleur de fond de ma div est trop petite.
    Je ne comprend pas pourquoi ??? Je pensais que la taille de la div s'adapter à se qu'il y avait dedans, peut être cela vient du fait que se soit une table ??

    Merci de votre aide

  2. #2
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Bonsoir

    Citation Envoyé par Général03 Voir le message
    Je pensais que la taille de la div s'adapter à se qu'il y avait dedans, peut être cela vient du fait que se soit une table ??
    Non c'est le contraire : une balise div prend la largeur maximale disponible en fonction de son élément parent. Alors que c'est le tableau qui va s'adapter sa largeur à son contenu...

    Maintenant pour répondre à ton problème, difficile de dire avec ce bout de code, il en faudrait un peu plus et surtout le code css (s'il y en a). N'y aurait t'il pas une largeur définie dans le css pour cette div ?

  3. #3
    Membre éclairé Avatar de Général03
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    848
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 848
    Par défaut
    En faite mon problème vient de la hauteur et non de la largeur. Et la hauteur de ma div est calculé au chargement de ma page, en fonction du contenu de cette div j'adapte le fond. J'ai utilisé firebug et lorsque j'inspecte ma div je vois bien que le hauteur de ma div est plut petite que son contenu.
    En faite ma div fait 500px et le contenu en fait 700px donc j'ai un dépassement de 200px.

    En faite je ne comprend pas pourquoi le tableau n'est pas compris dans ma div ?

  4. #4
    Expert confirmé
    Avatar de 12monkeys
    Homme Profil pro
    Webmaster
    Inscrit en
    Novembre 2006
    Messages
    4 093
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 48
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Service public

    Informations forums :
    Inscription : Novembre 2006
    Messages : 4 093
    Par défaut
    Citation Envoyé par Général03 Voir le message
    En faite mon problème vient de la hauteur et non de la largeur. Et la hauteur de ma div est calculé au chargement de ma page
    Je n'avais pas compris, ce n'était pas précisé

    Et la hauteur est calculée comment ? En javascript ? Il faudrait peut être voir de ce coté...

    Sinon avoir le code ou une page en ligne serait appréciable...

  5. #5
    Membre éprouvé
    Inscrit en
    Août 2008
    Messages
    117
    Détails du profil
    Informations personnelles :
    Âge : 50

    Informations forums :
    Inscription : Août 2008
    Messages : 117
    Par défaut
    Citation Envoyé par Général03 Voir le message
    En faite je ne comprend pas pourquoi le tableau n'est pas compris dans ma div ?
    En CSS :

    height:auto ;

    et si tu veux une hauteur minimum :

    min-height:123px;

    123px -> hauteur en pixels

    C'est de mémoire : je n'ai pas vérifié

  6. #6
    Membre éclairé Avatar de Général03
    Profil pro
    Inscrit en
    Avril 2006
    Messages
    848
    Détails du profil
    Informations personnelles :
    Localisation : France, Rhône (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2006
    Messages : 848
    Par défaut
    Merci de votre aide j'ai placé :
    comme cela ma div fait 500px au début du chargement et ensuite elle s'agrandit si le contenu est plus grand grâce à ma fonction Javascript.

    Merci beaucoup

  7. #7
    Membre éclairé Avatar de kohsaka
    Homme Profil pro
    Intégrateur HTML / Developpeur .NET
    Inscrit en
    Janvier 2007
    Messages
    383
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 38
    Localisation : France

    Informations professionnelles :
    Activité : Intégrateur HTML / Developpeur .NET

    Informations forums :
    Inscription : Janvier 2007
    Messages : 383
    Par défaut
    rajouter height: 500px; pour la feuille de style ie6 qui ne comprend pas min-height.

    préciser height: auto; sur ta div n'est normalement pas nécessaire.

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

Discussions similaires

  1. div qui ne s'adapte pas à la taille de l'image contenue
    Par Invité dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 24/05/2009, 22h33
  2. taille du contenu d'un div qui s'adapte à la taille du div
    Par Mat_DZ dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 31/10/2008, 11h03
  3. taille d'un div qui s'adapte
    Par grinder59 dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 05/09/2006, 22h15
  4. Problème avec un div qui n'est pas pris en compte
    Par boss_gama dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 25/07/2006, 16h32
  5. Div qui n'a pas une hauteur minimum
    Par Pumpkins dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 26/09/2005, 09h20

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