Bonsoir à tous,
Je me suis mis récemment à jour niveau XHTML (valide!) et CSS, et me voilà face à un problème qui peut paraître simple, mais dont je n'ai pas encore trouver de solutions...
Imaginons ceci :
******* attention, ceci est du code pur et dur ! C'est pas pour les rigolos !********
<div id="boite1">
<div id="boite2">
//Ici, mettre un texte long !
</div>
</div>
******* attention, fin du code ! On peu rigoler maintenant !********
Pour imager un peu le problème, mettons un fond pour la boite1
#boite1
{
background-color: F00;
}
Que se passe-t'il ?
Sur FireFox, la boite 1 ne s'agrandie pas pour contenir l'ensemble du texte (si il est long), alors qu'elle s'agrandie sur IE. Alors oui, je sais, c'est un comportement normal...
Question
Comment faire en sorte que la boite1 s'adapte à la taille de la boite2 sachant qu'on ne connaît absolument pas la taille qu'aura le texte de la boite 2 ?
Merci et bonne soirée