stefan: Wie realtive Schriftgröße angeben

Beitrag lesen

Hallo,

body,table,input,textarea {
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
}

Mit dem em hab ich jetzt das Problem, dass der IE das gerne noch für input und textarea angegeben hätte, der Opera allerdings nicht und somit nochmal 0.9 kleiner macht.

Das Problem umgehst Du, indem Du für die dem <input>- und <textarea>-Elementen umgebenden Elemente (z.B. Form, oder auch Container wie <div> oder <table>, und eben auch <body>) keinerlei Schriftgrössenangaben (ausser eventuell "font-size:100%") machst.

Nachteil: Dein Plan, die Schriftgrösse über <body> anzusprechen fällt flach und Du musst die Elemente anders (z.B. einzeln) ansprechen.

Beispiel:

<body>
    <table><tr>
      <td>
        <form>
          <input>
        </form>
      </td>
      <td>
        <p>Lalala</p>
      </td>
      <td>
        <blockquote>Lalala</blockquote>
      </td>
    </tr></table>
  </body>

Statt diesem:

body{
  font-size:1em;
  }

table,input{
  font-size:0.9em;
  }

schreibst Du jenes:

body{
  font-size:100%;
  }

input,p,blockquote{
  font-size:0.9em;
  }

Das "100%" im <body> kannst Du möglicherweise auch weglassen. Es bietet sich übrigens manchmal an, statt "em" "%" zu verwenden, da "em" mindestens vom IE 5 (und vielleicht auch 6?) quasi multipliziert wird.

Beispiel:

<span style="font-size:1em">
      <span style="font-size:1em">
          <span style="font-size:1em">
            text
  </span></span></span>

und

<span style="font-size:100%">
      <span style="font-size:100%">
          <span style="font-size:100%">
            text
  </span></span></span>

Verändere bei beidem mal die Schreiftgrössen-Anzeige im IE und vergleiche. Das erste Beispiel wird sehr viel extremer wachsen und schrumpfen als das zweite.

Übrigens: Ein in absolut gleiches Aussehen in allen Browsern (bei "normal" eingestellter Schriftgrösse) wirdst Du warscheinlich nicht erreichen können, daher empfiehlt es sich, das Layout flexibel genug zu halten, dass es bei anderen Schriftgrössen nicht nur lesbar bleibt, sondern auch noch akzeptabel aussieht.

Nette Grüsse,
stefan