Fenetre volante javascript, effet de transition

Bonjour à tous,
je ne sais pas si c'est le bon endroit pour poster, car ca concerne a moitié javascript, à moitié CSS, mais voila le shmilblik :

j'essaye de réaliser des fenetres volantes (ou popup javascript), et jusque la ca marche plutot bien, apres pas mal de peripeties : http://20cams4u.free.fr/test

Mais voila, je voudrais maintenant faire un effet de réduction et d'agrandissement progressif des fenetres.

Pour l'instant je fais juste un style.display="none"; et style.display="";
pour faire apparaitre et disparaitre le contenu des fenetres.
Mais pour la transition, le problème qui se pose est que l'on ne connait pas à l'avance la taille du contenu, et ca :

<div id="contenu1" style="height:50%; overflow:hidden;">
    <img src="Image1.gif" width="320" height="240">
</div>

(le style.height de la div serai ensuite modifiée en javascript)
ca ne donne pas grand chose, puisque le % est relatif au conteneur, qui dans mon cas n'a pas de taille, ou plutot elle s'adapte.

existe t'il avec CSS un moyen de changer la taille d'une div en fonction de celle du contenu?
ou bien la solution se situe t'elle plutot du coté du javascript?
Modifié par cadbury (20 Apr 2006 - 17:15)