Problème avec height: auto;
Bonjour,
Pour présenter certains objets de hauteur différente je crée une "boîte" avec un attribut height: auto;
Code:
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:
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:
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
