28172 sujets

CSS et mise en forme, CSS3

bonjour, j'ai bien lu la faq, mais ne trouve pas de solution à mon problème.
Un bloc <div> contient une image qui flotte à gauche et sur laquelle un lien affiche une infobulle contenu dans un span, et après cette image, il y a seulement un texte simple qui ne s'affiche pas sous ie, ou plutôt qui n'apparait qu'en même temps que l'info-bulle, et totalement hors champs.

Voici la page en question



<div class="cadre-cinema">
<a href="#"><span><img src="affiches/affiche-34.jpg" alt="" /></span><img src="affiches/moyen-affiche-34.jpg" alt="Sexy Dance 2" class="float-left-agenda" border="0" /></a>
... texte qui n'apparait sous ie6 qu'en même temps que l'info-bulle et complètement hors du cadre ...
<div style="clear:both"></div>
</div>



voici le CSS


.float-left-agenda { margin:3px 7px 7px 0; padding:0; float:left; border: solid 1px #CCCCCC; }
.cadre-cinema { width:auto; height:auto; margin:4px; padding:3px; position:relative; }
div.cadre-cinema a span { display: none; z-index:100; }
div.cadre-cinema a:hover span { display: inline; position: absolute; left:25px; bottom:25px; width: auto; height: auto; background-color:#FFFFFF; background-image:url(../images/picto-chargement.gif); background-position:center; background-repeat:no-repeat; padding:5px; border:solid 1px #CC0000; z-index:100; }


voyez vous une solution à ce problème? suis je obligé de donner un class au span?
merci pour vos contributions Smiley smile
Modifié par chooky (02 Apr 2008 - 17:54)
moui ... je crois que j'ai trouvé la source de mon problème, la hauteur du cadre-cinema en auto et une position absolute alignée sur le bas pout l'info bulle Smiley ohwell

existe t'il une parade pour que ie6 s'aligne correctement sur la bas d'un bloc de hauteur indéfini?