Problème connu sous Firefox?

[kot]

Salut à tous!!

Dernièrement, j'ai passé mon site en css

Depuis j'ai un problème d'affichage de tous mes "position:relative;left:xxpx;" (je ne précise pas de top ni bottom).

ça marche sous tous les navigateurs (ie 5, ie6, opera) sauf sous Firefox,

Au premier affichage de la page d'index tous les "relatifs" sont décalés vers le haut.

Le premier raffraichissement fait disparaître le problème et tous les affichages suivant se font correctement

est-ce un problème connu?

zavez une idée?

[Compte supprimé]

Je crois que c'est du aux images dont la taille est inconnue au chargement de la page.

Comme si ff calculair la position des float et position:relative en prenant une hauteur d'image de 0

Essaie de définir tous les height et width.

[kot]

merci ça marche en effet,

ce qui est carrément bizarre, c'est que j'avais déjà essayé de mettre un height. et ça n'avait rien changé

Par contre, j'ai mis un height et un WIDTH, et maintenant ça marche

cool

(je rajoute cette question:)

Est-ce que vous précisez toujours les tailles de vos images?

et si oui, est-ce pour aider les navigateurs?

Modifié 4 Novembre 2005 par kot

[Dudu]

Est-ce que vous précisez toujours les tailles de vos images?

et si oui, est-ce pour aider les navigateurs?

Salut

Dans l'ordre:

- oui je précise toujours les tailles de mes images

- oui c'est quelque part pour "aider" le navigateur: il est connu que le chargement de la page est sensiblement plus long si c'est au navigateur à deviner les dimensions de l'image

[kot]

Maois jeeeeux neeeux savais PAS!

Bon et bien, je vais tenter de rectifier le tir.

Faut encore que je reprenne toutes mes pages....

Trop dur pour moi

merci

[Dudu]

Faut encore que je reprenne toutes mes pages....

Trop dur pour moi

Si toutes les images ont la même dimension (ou par exemple toutes les images contenus dans le <div id="exemple"> tu peux le faire en CSS

#exemple img {height:100px; width:200px;}

Pratique pour les bandeaux de pub qui sont souvent à des tailles "standards" (468x60 étant la taille de bandeau la plus couramment utilisée).

D'ailleurs, petite anecdote: définir les tailles de ses images c'est normalement à mettre en CSS si on suit la logique de séparation forme vs. contenu

Mais c'est justement pour ces histoires de temps de chargement accru dans les navigateurs que les attributs HTML "width" et "height" sont tolérés sur les balises <img> et <object> (et donc les validateurs ne mentionnent aucune erreur ou aucun avertissement).