Einzelnen Beitrag anzeigen
  #1 (permalink)  
Alt 25.11.2017, 09:11
Benutzerbild von AndreasB
AndreasB AndreasB ist offline
Erfahrener Benutzer
XHTMLforum-Kenner
Thread-Ersteller
 
Registriert seit: 29.11.2005
Beiträge: 1.391
AndreasB wird schon bald berühmt werden
Standard Bildhöhe in "em" entspricht nicht der Erwartung

Moin.

Ich möchte eine Bildhöhe relativ zur Schriftgröße angeben und wählte daher die Einheit em.

Es wird eine deutlich größere Höhe im Browser angezeigt als erwartet.

Beispiel:
Bei der Länge eines Geviertstriches von 13,5mm wird eine Höhe von 79mm erzeugt.

Rechnerisch korrekt wäre jedoch 67,5mm.

Worin liegt bitte mein Fehler?

Testcase: Unit "em"

Code:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Testcase: Unit "em"</title>
<style type="text/css" media="screen">
img { height: 5em; width: 5em; }
body { font-size: 1em; font-family: "Verdana", sans-serif; }
</style> 
</head>
<body>
<img src="/+bilder/html/testbild-blau.png" alt=""/>
<p>Morem ipsum</p>
<p>Geviertstrich —</p>
</body>
</html>
__________________

Mit Zitat antworten
Sponsored Links