Bonjour,

Pour présenter certains objets de hauteur différente je crée une "boîte" avec un attribut height: auto;

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
#boiteAuto {
    position: absolute;
    top: 250px;
    left: 0px;
    width: 100%;
    height: auto;
    background-color: #c0c0c0;
}
Dans cette boîte j'insère une seconde boîte avec du texte par exemple. Cette deuxième boîte a une hauteur inconnue, je dois donc la définir à height: auto; également.

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
#boiteTexte {
    position: absolute;
    top: 10px;
    left: 200px;
    width: auto;
    height: auto;
}
L'affichage se fait comme ceci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
<div id="boiteAuto">
   <div id="boiteTexte">
          Texte à insérer
   </div>
</div>
Le problème se présente à l'affichage car le texte n'apparaît pas à l'écran, je suis obligé de fixer la valeur height de boiteTexte (par ex. 100px) pour que la première boîte s'adapte à cette dimension!

N'y a-t-il pas un truc pour pouvoir conserver les propriétés height à auto sans obtenir ce bug? Je ne peux pas fixer les hauteurs car le contenu est issu d'une bdd et n'est donc pas d'une hauteur constante.

Merci!

webrider