 Margin + Padding Fehler / Bugs - Browserabhängig
Margin- und Padding-Angaben für Grafiken mit CSS-Anweisungen ergeben nicht immer den erhofften Effekt. Hier beschreibe ich ganz kurz, welche unterschiedliche Darstellung in Browsern auftreten können.
|
|
Unterschiedliche Ergebnisse im Browser
Beispiel Bildformatierung:
Margin + Padding bei CSS-Eigenschaften für Bilder.
Praxisbeispiel: Grafik eintragen
|
Ich notiere eine Grafik mit dem <img>-Tag und trage Angaben für Rand (1), Padding (10) + Margin (10) ein.
Den Rand habe ich mit CSS auf eine Breite von einem Pixel festgelegt. Margin und padding ebebfalls mit CSS auf 10 Pixel.
|
<img style="margin:10px;padding:10px;border:1px solid #0090E0;" ... >
Abhängig von ihrem Browser wird das Image allerdings unterschiedlich angezeigt!
Der IE ignoriert die Padding-Angaben! (Versionsabhängig)
|
Home • Fehlersuche • Margin + Padding
