Bonjour,
 
J'ai déjà eu ce bug sur certains de mes sites et impossible de trouver d'où ca vient.  
 
Explication:
Quand j'actualise une page sur mon site, j'ai une chance sur 2 que le texte soit gros par rapport à la taille que je lui ai fixé... Ca peu paraitre surprenant vu que le hasard en HTML n'existe pas mais c'est bien le cas.
 
Voici l'image pour mieux comprendre. J'ai fais une capture, puis j'ai actualisé la page et j'ai fais une seconde capture et voila le résultat:

 
Pour voir ce phénomène intrigant en direct: http://photo-sylvain.com
(Faites F5, ou rafraichir la page avec la souris ou encore relancez l'url vous arriverez au même résultat...)
 
Merci d'avance de m'éclairer.

Mhh, à pouf un élément qui est chargé après le texte. Or ton texte à sa taille de police relative à cette élément ?
Mais à partir du moment où ton site ne fonctionne pas sous IE6, tu peux employer des pixels plutôt que des em

Ce veut dire que je doit passer tous les font-size en em en pixel ?
 
Ok je veux bien mais alors ca veut dire le problème vient de div qui se décalent aléatoirement et ca revient pratiquement au même...

sous firefox 2 (windows), j'ai pas ce pb

ptet un  

règlera aussi ton pb de taille, surtout sous IE6
 
Et ton font-size:12.8px c'est n'importe quoi, depuis quand on peut découper un pixel ? depuis jamais, donc c'est soit 12 soit 13 mais pas 12.8

Ou alors tu gardes tes em, mais tu essayes de ne pas faire de cascades.
Mais note que je n'ai pas vu le problème, donc j'imagine seulment par quoi cela peut être causé

 
C'est pas n'importe quoi puis ce que il reconnait la syntaxe. Tu veux savoir pourquoi j'ai mis ca?  
 
1em = 16px donc par exemple si j'ai 0.8em j'ai multiplié par 16 pour trouver sa taille en pixel soit 12,8px. Après ca arrondis tout seul.
 
Le problème est toujours visible. Par exemple regardez "Me contacter | Espace presse" en haut à droite. Une fois sur deux c'est décalé vers le haut et ca chevauche le cadre..

Heu, c'est n'importe quoi.
Mets comme font-size à ton body 62.5%
Ainsi 1em=10px, 1.8em=18px etc
C'est quand même bien plus simple

Ok mais ca n'est qu'un détaille. Ce que je ne comprend pas c'est ce décalage avec certaines div. Pourtant la page d'accueil est valide W3C... ca devrai aider non?

J'ai enfin trouvé d'où ce venait:
 
J'avais ca:
<p id="contact"><a href="contact.php">Me contacter</a> | <a href="presse.php">Espace presse</a></p>
 
Et il faillai mettre une div et pas un paragraphe.
<div id="contact"><a href="contact.php">Me contacter</a> | <a href="presse.php">Espace presse</a></div>
 
Je suis vert... erreur bête mais c'était ca.
 
Merci à tous!

Heu, le code précédent était mieux …
Enfin, tout est relatif, il vaudrait mieux une liste.

+1 pour un <ul> en inline d'un point de vue sémantique