Padding-Darstellung im IE und Firefox sind unterschiedlich: Unterschied zwischen den Versionen
Aus ITwiki
Flo84 (Diskussion | Beiträge) (Die Seite wurde neu angelegt: == Problembeschreibung == Der Code <div style="width: 40px; height: 40px; padding: 2px 2px 2px 2px;"></div> erzeugt im Internet Explorer eine andere Darstellung als...) |
Flo84 (Diskussion | Beiträge) |
||
| Zeile 3: | Zeile 3: | ||
Der Code | Der Code | ||
| − | <div style="width: 40px; height: 40px; padding: 2px 2px 2px 2px;"></div> | + | <nowiki><div style="width: 40px; height: 40px; padding: 2px 2px 2px 2px;"></div></nowiki> |
erzeugt im Internet Explorer eine andere Darstellung als im Firefox - eine Box mit unterschiedlichen Größen. Im Internet Explorer hat die Box eine Breite von 40 Pixel und eine Höhe von 40 Pixel, der Firefox dagegen zeigt den Kasten 44 Pixel x 44 Pixel an. | erzeugt im Internet Explorer eine andere Darstellung als im Firefox - eine Box mit unterschiedlichen Größen. Im Internet Explorer hat die Box eine Breite von 40 Pixel und eine Höhe von 40 Pixel, der Firefox dagegen zeigt den Kasten 44 Pixel x 44 Pixel an. | ||
Version vom 29. Juli 2009, 09:14 Uhr
Problembeschreibung
Der Code
<div style="width: 40px; height: 40px; padding: 2px 2px 2px 2px;"></div>
erzeugt im Internet Explorer eine andere Darstellung als im Firefox - eine Box mit unterschiedlichen Größen. Im Internet Explorer hat die Box eine Breite von 40 Pixel und eine Höhe von 40 Pixel, der Firefox dagegen zeigt den Kasten 44 Pixel x 44 Pixel an.
Lösung
Es scheint, als würde der IE korrekt arbeiten, doch verhält sich in diesem Fall der Firefox lt. CSS-Spezifikation richtig. Er addiert zur Breite und Höhe die 2px auf jeder Seite hinzu (siehe Artikel auf de.selfhtml.org). Um die Darstellung in anderen Browsern wie Opera und Internet Explorer entsprechend zu korrigieren, sollte folgender Doctype verwendet werden:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
Siehe auch diese Seite auf de.selfhtml.org!
