Discussion :

[Général03]

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

[12monkeys]

Bonsoir

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 ?

[Général03]

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 ?

[12monkeys]

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...

[delete]

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é

[Général03]

Merci de votre aide j'ai placé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

min-height:500px;

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

[kohsaka]

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.