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:

---

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

Bonsoir

Citation:

---

Envoyé par Général03

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 ?

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 ?

Citation:

---

Envoyé par 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

---

Je n'avais pas compris, ce n'était pas précisé :roll:

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

Citation:

---

Envoyé par Général03

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é ;)

Merci de votre aide j'ai placé :

Code:

---

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:king:

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.

Citation:

---

Envoyé par kohsaka

pour la feuille de style ie6 qui ne comprend pas min-height

---

IE6 maintenant on peut s'en foutre car il ne représente que 10% des 70% des connexions MSIE...