Jump to content
Sign in to follow this  
kot

Problème connu sous Firefox?

Recommended Posts

Salut à tous!!

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

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?

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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?

Edited by kot

Share this post


Link to post
Share on other sites
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 ;)

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
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).

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...