28172 sujets

CSS et mise en forme, CSS3

Bonjour,

Je développe actuellement un site sous SPIP dont voici une page d'exemple illustrant mon problème :
-Secteurs-.html

J'ai testé le rendu de l'infographie sous Windows sur Opera, Firefox 1.5, Firefox 2.0.0.13, Safari 3, Internet Explorer 6, Internet Explorer 7. Après pas mal d'efforts, le résultat a fini par être le même sur tous les navigateurs cités.

J'ai ensuite testé sous Linux (Fedora) sur Firefox 2.0.0.13 (même version que sous Windows), mais l'infographie est légèrement différente :
- le div "rubriques" est décalé de 1px vers le bas
- le div "sous-rubriques" est décalé de 2px vers le bas

Voici une capture d'écran du problème :
- FF2_fedora.png
- FF2_windows.png

Qu'en pensez-vous ?
Est-ce que quelque chose m'a échappé ?
Dois-je changer la façon dont je positionne mes div ?

Maxime Bochon
Modérateur
bonsoir,

la difference est du a la taille de la police utilisé.
Cette difference est bien perceptible sur le menu :contact/plan/mention .
pour body :
	font-family: "Tahoma", Verdana, sans-serif;


La police 'tahoma' , n'est pas forcement dispo sous linux par defaut.
<edit>(des differences de tailles des polices suffisent a augmenter/diminuer un interlignage ou des marges par défaut des élements</>

GC
Modifié par gcyrillus (30 Mar 2008 - 20:25)
Moi ce qui m'échappe c'est la différence entre les deux... mis à part les fontes, bien sûr.
De mémoire, Verdana n'est pas une bonne police de subtitution pour Tahoma. Il me semble qu'Arial et Trebuchet MS sont plus proches.

En passant: tu ne déclares pas correctement l'encodage des caractères (en fait tu ne le déclares pas du tout).
Modifié par Florent V. (30 Mar 2008 - 20:28)