Verdana taille différente (* vs IE8/7, Opera) [Résolu]

Scalp4 · 14/01/2011, 17h53

Bonjour,

J'ai un problème et je n'arrive pas à trouver de solution sur le web, ou même d'information concernant ce problème.

En fait avec un bout de code CSS j'obtiens deux tailles différentes pour la police Verdana, une taille sur tous les navigateurs (Chrome, Firefox, IE9, etc.) et une autre taille sur IE8, IE7 et plusieurs versions d'Opera.

On peut voir ça sur ce bout de code tout simple :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<style type="text/css">
body {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
}
</style>
</head>
<body>
<h1>Salut je suis un titre !</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<p>
<body>
</html>

Est-ce que quelque a une idée ? Est-ce normal, c'est comme ça et puis c'est tout ?

Pour information, j'ai déjà essayé de l'appliquer directement sur H1 et P mais ça ne change rien.

Merci d'avance.

ornitho13 · 14/01/2011, 21h51

Salut,

alors il me semble que c'est normal, car les navigateurs ont par défaut une taille de police et une "font" définie par défaut.
D'ailleurs c'est pour cette raison que les reset.css ont été créé afin mettre par défaut certaines valeurs (padding, margin, font-size, ...) et ce pour tous les navigateurs (tu trouveras facilement des infos sur Google).

Dans ton code au lieu de mettre :

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
body {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: small;
}

fixe une taille en numérique:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
body {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 10px;
}

Ainsi la valeur de base sera celle du body.
Pour les "p", il me semble qu'il y a aussi une valeur de base donnée par le navigateur mais je n'en suis pas sûr (à tester).

Scalp4 · 15/01/2011, 01h52

Oui je connais les reset CSS, mais je ne pensais pas qu'ils servaient aussi pour les tailles des polices, même si maintenant que je le vois ça me parait logique.

Je vais faire quelques tests, mais merci, je pense qu'en fixant la taille à 10px, je pourrais jouer dans mon css avec mes small, large, etc. sans soucis vu qu'ils se baseront par défaut sur 10px.

Merci, je test ça demain!

Scalp4 · 17/01/2011, 15h32

Ok, c'est bien ça, par contre je ne peux plus me servir de small/medium/large par la suite, car ces valeurs retournent visiblement une taille en pixel et non en %/em.

Il faut donc utiliser "font-size: 10px" pour body par exemple, puis "font-size: 1,1em" pour jouer ensuite avec la taille.

Merci.

15/01/2011, 01h52	#3
Scalp4 Nouveau Membre du Club Étudiant Inscription : janvier 2007 Messages : 106 Détails du profil Informations personnelles : Âge : 27 Informations professionnelles : Activité : Étudiant Informations forums : Inscription : janvier 2007 Messages : 106 Points : 30 Points : 30	Oui je connais les reset CSS, mais je ne pensais pas qu'ils servaient aussi pour les tailles des polices, même si maintenant que je le vois ça me parait logique. Je vais faire quelques tests, mais merci, je pense qu'en fixant la taille à 10px, je pourrais jouer dans mon css avec mes small, large, etc. sans soucis vu qu'ils se baseront par défaut sur 10px. Merci, je test ça demain!
	00

17/01/2011, 15h32	#4
Scalp4 Nouveau Membre du Club Étudiant Inscription : janvier 2007 Messages : 106 Détails du profil Informations personnelles : Âge : 27 Informations professionnelles : Activité : Étudiant Informations forums : Inscription : janvier 2007 Messages : 106 Points : 30 Points : 30	Ok, c'est bien ça, par contre je ne peux plus me servir de small/medium/large par la suite, car ces valeurs retournent visiblement une taille en pixel et non en %/em. Il faut donc utiliser "font-size: 10px" pour body par exemple, puis "font-size: 1,1em" pour jouer ensuite avec la taille. Merci.
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email