Ich habe eine <div> mit width:10em und height:5em erstellt.
Jetzt möchte ich eine (GIF-Bild) in dieser <div> mit der exakt gleichen Größe anzeigen. Aber anscheinend "kennt" die em Einheit nicht. Es zeigt das Bild in 10x5 Pixel statt.Wie kann ich ein Bild mit der Einheit "em" anzeigen?
Wie kann ich diese mit der "em" Einheit anzeigen?
Mit diesem Code:
<html>
<body>
<p>This is 10em x 5em</p>
<div style="width:10em; height:5em;">
<img style="width:10em; height:5em;" src="logo.png" />
</div>
</body>
</html>
Es funktioniert in Firefox 3.5, Internet Explorer 8 und Opera 10.0 Beta auf Windows XP.
Kein Punkt bei der Wiederholung der exakt gleichen Breite/Höhe Werte. Sie können auch entweder a) Entfernen Sie das umschließende div oder b) Ändern Sie die Werte des Bildes auf 100%. –
Sie können Stil img mit CSS:
img.MyImage {
width: 10em;
height: 5em;
}
<img class="MyImage" src="image.gif" />
Welche Auszeichnungs haben Sie verwendet? Haben Sie versucht, die Größe mit CSS zu bestimmen, oder nur mit den Attributen für Breite und Höhe (die nur Pixelmaße annehmen) –
Mit welchem Browser haben Sie es getestet? – bjelli