[CSS]bug firefox ?

bonjour à tous et à toute,

mon problème est simple, j'ai cela:

Code:

---

1 2 3

<div id="container"> <div id="content"></div> </div>

---

si je met une taille de 300px au div container, et que le contenu du "content" dépasse 300px lors le div "content" passe au dessus du div container, autrement dit sa hauteur reste belle et bien fixe lol (sous firefox).
par contre sous IE pas de probleme,
j'ai essayé de mettre un clear:both sur le container, mais rien y fait, je pense que c'est un bug connu (je l'espère :)) auriez vous une solution ?

Merci beaucoup.

Rajoute

Code:

---

min-height:300px;

---

à ton conteneur.

Merci beaucoup, je connaissais pas ce "min-height" ...
bonne journée :)

Cordialement,
RYCKOORT Fabien.

Citation:

---

Envoyé par Fabouney

je pense que c'est un bug connu?

---

C'est le comportement normal du height. Tu lui fixes un height, celui-ci est donc respecté quelque soit ce que tu mets à l'intérieur. Par contre IE interprète, lui, dans ce cas, le height comme un min-height d'où l'étirement du container avec le content. C'est donc bien une mauvaise interprétation, mais de la partd'IE, pas de FF ;)

A noter qu'IE6 ne connaît pas min-height. Si tu veux donc qu'un min-height soit appliqué sur ce navigateur, tu dois déclarer un height de 300px juste pour IE6, en plus du min-height.