Thread Update neues Board (82 answers)
Opened by Strat at 2004-03-25 16:29

GwenDragon
 2005-05-14 19:37
#86822 #86822
User since
2005-01-17
14848 Artikel
Admin1
[Homepage]
user image
[quote=ptk,25.03.2004, 18:33]Es sieht aus, als ob sich die 0.8em-Angabe je Block immer weiter multipliziert --- eigentlich logisch und konsistent. Bei vier Bloecken wird es unlesbar:
Code: (dl )
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<html>
<head>
<style>
.button {
 background-color: #DEDFDF;
 font-family: Verdana, Arial, Lucida, Helvetica, Sans-Serif;
 font-size: 0.8em;
}
</style>
</head>
<body class="button">
<div class="button">
 <form class="button">
  <button class="button">Hello</button>
 </form>
</div>
</body>
[/quote]

Zu em sagt selfhtml:
Quote
em   Relativ zur Schriftgröße des Elements. Bei Anwendung auf Schriftgröße relativ zur Schriftgröße des Elternelements. Dezimalzeichen für Nachkommazahlen ist der Punkt.

Damit multiplizieren sich die relativen Größen natürlich.

Code: (dl )
1
2
3
4
5
6
7
8
9
10
<style>
body { font-family: Verdana, Arial, Lucida, Helvetica, Sans-Serif;
font-size: 0.8em;
}
.button {
background-color: #DEDFDF;
font-family: Verdana, Arial, Lucida, Helvetica, Sans-Serif;
font-size:  inherit; /* vererbt */
}
</style>
inherit vererbt den Elternwert an das Kind ;)

Relative Werte können in % oder em sein.
relative Werte zwingen auich den Usern keine Schriftgöße auf, wichtig bei Unterschieden von pt bei Mac (1pt=1/72 inch) und Windows (1pt=1/96 inch).\n\n

<!--EDIT|GwenDragon|1116085648-->

View full thread Update neues Board