Aller au contenu

[Expert] Image qui ne se décale pas !


Sujets conseillés

Posté (modifié)

Bonjour

J'ai un petit problème de css sous Mozilla.

J'ai une image positionnée dans un div en float: right située sous un autre bloc contenant mes news (car c'est en page de news)

Et dans ces news, il y a des images de tailles tres tres variable. Et qd la page se charge pour la premiere fois, les images n'etant pas dans le cache, elles arrivent apres et prennent leur taille decalant se qui se trouve en dessous !!!

Mais le bloc d'image en question ne se decale pas lui !!

Csq il apparait en plein milieu par dessus.

Il ete en postion relative ainsi que tout son contenu pour que MSIE ne pose pas de problème avec le float.

Je me dis que c'est surement ça qui pose problème avec Mozilla, je met le tout en static via une regle que pour mozilla et là, petit changement, le texte dans ce bloc d'image se positionne comme il faut.

Le tout en image :

http://www.adnpc.net/news/voir.php?id=1505

ps: si vosu faites F5 apres, il n'y a pas de problèmes, les images etant deja dans le cache

L'image est généree par un script ainsi :

<div id="newspub2">
<script language="javascript" src="http://tracker.affistats.com/fcnt.php?id=a3617c411276e2f2g1h1i5k1r3489"></script>
</div>

qui fait ceci :

document.write('<a href="__lien__" target="_blank"><img src="http://banners.virginmega.fr/01_200x200.gif" border="0"></a>');

C'est un problème plutot epineux !!

J'attend les reponses des pros :lol:

Modifié par Maxim
Posté

Je ne pourrais pas te dire ce qui cause ce décalage. Cependant, si tu indiques les dimensions de tes images, la place qu'elles vont occuper sera réservée avant qu'elles soient chargées, et donc tu n'auras plus de problème ensuite.

Pour préciser le problème que tu rencontres (oui au début je voyais pas) : il y a un bloc flottant avec une pub en bas à droite (qui doit apparaître sous la news). Dans la news il y a des images dont les dimensions ne sont pas définies, d'où décalage du texte après chargement. Sauf que le bloc flottant de la pub lui ne se décale pas et donc apparait au-dessus du texte de la news. Une fois les images en cache c'est bon (normal, les dimensions sont connues).

(Bon par contre j'ai pas compris ce qui changeait lorsque tu changeais le positionnement de ton float entre relative et static...)

Posté

ben en fait, c'est assez dur pour les tailles des images, car il y a de nombreuses images et ce sont des newseur qui la plupart du temps postent, et.... enfin de ce coté là, c pas gerable.

Pour le static :

en fait, avant, il y avait aussi le petit texte sous la pub (genre "envoyer vos news") qui ne se decalait pas aussi. Mais avec static, le texte lui se decale !

Aller comprendre !!!

Et sous MSIE, aucun prob !!!

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...