28220 sujets

CSS et mise en forme, CSS3

Bonjour,

J'ai un comportement bizarre sur un de mes sites (uniquement sous Firefox) :

Au premier chargement de la page, une div ne se place pas correctement.
Quand on recharge la page, hop ! elle reprend la bonne place !

Je ne comprends pas du tout d'où vient le problème. Puisqu'au second chargement la div prend sa place, c'est que le style CSS est bon, non ?

J'ai essayé de modifié l'ordre des déclarations dans ma feuille CSS, mais ça ne change rien...

Si quelqu'un avait une piste, ça m'éviterait de devenir folle Smiley biggol

Merci Smiley confus
Modifié par Sylla (19 Apr 2006 - 08:07)
Tu as une erreur de id une image et un bloc div ont le même nom



<div id="logo">
<a href="index.php"><img src="../im/habillage/institutshenming.gif" id="logo"></a>	
</div>




A+
Merci pour l'erreur ! C'est corrigé...

En revanche, le soucis ne devait pas venir de là puisqu'il se pose toujours...
Smiley eek

Je comprends encore moins alors !
Moi, je suis sous Firefox 1.0.7 et l'erreur se produit après chaque vidage du cache...

C'est pour ça que je pensais à une erreur dans l'ordre des déclarations CSS, mais je pense surtout que je pense pas comme il faut, sinon il n'y aurait pas de problème Smiley biggol

En attendant, je vais mettre à jour mon Firefox, mais j'aimerais quand-même résoudre ce problème (pour les autres)

Merci Smiley biggrin
Pour pas qu'on me prenne pour une folle, je joint des copies d'écran de la page :

1 - Au premier chargement
2 - Après un F5 (rafraîchissement)

upload/3583-avant-F5.jpg
upload/3583-apres-F5.jpg
Bonjour,

Je navigue avec FF 1.5.0.2 et je constate effectivement ce défaut.

J'ai déjà rencontré ce type de problème sans parvenir à en identifer la cause. Je l'ai contourné en modifiant radicalement les styles CSS.
Je ne suis pas sur que le mélange
float + position relative + marge négative
fasse une bonne salade

A+
Merci !

En effet, il semble que ma salade n'ai pas trop plu à Firefox Smiley sweatdrop
J'ai fais quelques modif aux styles :

Au lieu de mettre mon bloc de gauche (phoenix-dragon) en float left, j'ai mis celui de droite en float rigth Smiley biggrin

J'espère que ça posera moins de soucis comme ça...
Apparement, le problème ne se pose plus, mais si quelqu'un voit encore un bugg, n'hésitez pas à le signaler Smiley ravi

Merci à tous Smiley cligne