28173 sujets

CSS et mise en forme, CSS3

Même css et taille différente à l'écran

Bonjour, je débute en CSS donc je fais peut-être une erreur de débutant.
J'essaie de jouer avec la taille des polices et lorsque j'utilise la police "Trebuchet MS" en 1.0em tout seul, je n'ai pas le même rendu sur les sites :
http://www.fonttester.com/
et
http://typetester.maratz.com/

Avez-vous une idée d'où cela peut venir (je suis sous linux avec firefox au cas où cela peut avoir une influence).

merci d'avance pour vos réponses
Bonjour,

Il est possible que tu aies défini quelque part, au dessus, dans un bloc parent, une taille de caractères plus petite/plus grande.
Et donc, lorsque tu demandes 1em, ça devient 1em en fonction de cette taille définie précédemment.
En CSS, tout est souvent relatif.

Essaye
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>

<head>
<title></title>
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <style type="text/css">
    html, body {
      margin: 0;
      padding: 0;
      text-align: center;
      background-color: #b0c4de;
      }
    #conteneur {
      position: relative;
      margin: 0 auto;
      width: 600px;
      background-color: #f0ffff;
      }
#bloc1 {
  font-size : small;
  }
#bloc2 {
  font-size : x-large;
  }
    </style>

</head>
<body>
  <div id="conteneur">
      <p style="font-size:1em;">Du texte avec une taille de <span style="font-family:monospace; color:#8b0000;">1em</span>.<br />
      C'est celle par défaut du navigateur.</p>
    <div id="bloc1">
      <p style="font-size:1em;">Du texte avec une taille de <span style="font-family:monospace; color:#8b0000;">1em</span>.<br />
      Le bloc qui le contient a une <span style="font-family:monospace; color:#8b0000;">font-size : small;</span></p>
    </div>
    <div id="bloc2">
      <p style="font-size:1em;">Du texte avec une taille de <span style="font-family:monospace; color:#8b0000;">1em</span>.<br />
      Le bloc qui le contient a une <span style="font-family:monospace; color:#8b0000;">font-size : x-large;</span></p>
    </div>

  </div>
</body>
</html>

Modifié par Gihef (18 Aug 2007 - 21:29)
Merci beaucoup de ta réponse. Je viens de comprendre grace à ton exemple. En fait sur le site http://typetester.maratz.com/ on peut spécifier la taille de font sur laquelle se base le "em" et dans mon cas elle était sur 10 px.

Penses-tu que c'est utile de spécifier une sorte de valeur par défaut en px pour ton css et calculer ensuite tout en em par rapport à elle ou bien prendre 1.0em = valeur indiqué dans le navigateur par l'utilisateur ?
Sujet clos
Aller à