{"id":81,"date":"2010-02-15T10:17:23","date_gmt":"2010-02-15T09:17:23","guid":{"rendered":"http:\/\/www.juergenholz.de\/2010\/02\/15\/img-element-shows-no-padding\/"},"modified":"2010-02-15T10:21:30","modified_gmt":"2010-02-15T09:21:30","slug":"img-element-shows-no-padding","status":"publish","type":"post","link":"https:\/\/www.juergenholz.de\/en\/img-element-shows-no-padding\/","title":{"rendered":"IMG-Element  shows no padding"},"content":{"rendered":"<p>\u00a0<\/p>\n<p>Diesmal ein kleines Problem zum Thema CSS\u2026<br \/>\n<strong>Problemstellung:<br \/>\n<\/strong>Ein Bild soll mit einer padding von 2 Pixeln und einem Rahmen versehen werden. Firefox, Safari etc. stellen den style korrekt dar. Aber unser Liebling der IE verzcihtet auf die Darstellung des padding. Der Border wird korrekt angezeigt. Diverse \u00c4nderungen an den styles brachten keine L\u00f6sung. Bis wir uns mal DOCTYPE-Definition anschauten, da war n\u00e4mlich keine vorhanden <span style=\"font-family: Wingdings;\">L<\/span>. Die L\u00f6sung brachte also die Einbindung von<\/p>\n<p style=\"background: white;\"><span style=\"font-family: Courier New; font-size: 10pt;\"><span style=\"color: blue;\">&lt;!<\/span><span style=\"color: maroon;\">DOCTYPE <\/span><span style=\"color: red;\">HTML <\/span><span style=\"color: red;\">PUBLIC<\/span><span style=\"color: blue;\"> &#8220;-\/\/W3C\/\/DTD HTML 4.01 Transitional\/\/EN&#8221; &#8220;http:\/\/www.w3.org\/TR\/html4\/loose.dtd&#8221;&gt;<\/span><br \/>\n<\/span><\/p>\n<p>\u00a0<strong>Und schon konnte der IE ebenfalls das padding-Attribut des Bildes darstellen.<\/strong><\/p>\n<p>Merke:<br \/>\nDOCTYPE-Definitionen sind eine sehr wichtige Informationsquelle f\u00fcr den Browser, welche Elemente und Attribute er akzeptiert und auswertet.<\/p>\n<p><strong>@Roland: Danke f\u00fcr die gemeinsame Suche, man lernt nie aus <span style=\"font-family: Wingdings;\">J<\/span><\/strong><\/p>\n<div class=\"juerg-endepost\" style=\"margin-left: auto;margin-right: auto;text-align: center;\" id=\"juerg-1402497443\"><div class=\"juerg-adlabel\">Werbung<\/div><script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js?client=ca-pub-4708705370860748\" crossorigin=\"anonymous\"><\/script><ins class=\"adsbygoogle\" style=\"display:inline-block;width:728px;height:90px;\" \ndata-ad-client=\"ca-pub-4708705370860748\" \ndata-ad-slot=\"4810788593\"><\/ins> \n<script> \n(adsbygoogle = window.adsbygoogle || []).push({}); \n<\/script>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>\u00a0 Diesmal ein kleines Problem zum Thema CSS\u2026 Problemstellung: Ein Bild soll mit einer padding von 2 Pixeln und einem Rahmen versehen werden. Firefox, Safari etc. stellen den style korrekt dar. Aber unser Liebling der IE verzcihtet auf die Darstellung des padding. Der Border wird korrekt angezeigt. Diverse \u00c4nderungen an den styles brachten keine L\u00f6sung&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[25,26],"tags":[],"translation":{"provider":"WPGlobus","version":"3.0.0","language":"en","enabled_languages":["de","en"],"languages":{"de":{"title":true,"content":true,"excerpt":false},"en":{"title":false,"content":false,"excerpt":false}}},"_links":{"self":[{"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/posts\/81"}],"collection":[{"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/comments?post=81"}],"version-history":[{"count":4,"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/posts\/81\/revisions"}],"predecessor-version":[{"id":84,"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/posts\/81\/revisions\/84"}],"wp:attachment":[{"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/media?parent=81"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/categories?post=81"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.juergenholz.de\/en\/wp-json\/wp\/v2\/tags?post=81"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}