{"id":752,"date":"2009-07-11T19:32:10","date_gmt":"2009-07-11T18:32:10","guid":{"rendered":"http:\/\/www.nielsgamborg.dk\/wordpress\/?p=752"},"modified":"2009-07-11T19:32:10","modified_gmt":"2009-07-11T18:32:10","slug":"problemer-med-padding-pa-knapper-i-ie","status":"publish","type":"post","link":"https:\/\/nielsgamborg.dk\/wordpress\/browser_bugs\/problemer-med-padding-pa-knapper-i-ie.htm","title":{"rendered":"Problemer med padding p\u00e5 knapper i IE"},"content":{"rendered":"

Internet explorer har en bug, der\u00a0automatisk\u00a0giver padding til knapper (knapper i form af\u00a0 ‘button’\u00a0og ‘submit’\u00a0 elementerne i input tag).\u00a0 Det kan i visse tilf\u00e6lde v\u00e6re meget irriterende . Is\u00e6r hvis teksten p\u00e5 knappen er lang, da knappen s\u00e5 f\u00e5r alt for meget luft omkring teksten. Det giver meget brede knapper\u00a0som kan v\u00e6lte designet.<\/p>\n

Jeg er st\u00f8dt p\u00e5 problemet\u00a0 med de\u00a0 meget brede knapper i IE en del gange efterh\u00e5nden. Derfor dette blogindl\u00e6g.<\/p>\n

L\u00f8sningen er simpel:<\/p>\n

input {
\n\u00a0\u00a0\u00a0 overflow: visible;
\n\u00a0\u00a0\u00a0 padding: 0 4px;
\n}<\/p><\/blockquote>\n

Efterf\u00f8lgende skal du s\u00e5 selv s\u00e6tte en passende padding p\u00e5 dine knapper, da ovenst\u00e5ende fix fjerner paddingen helt.<\/p>\n

Du skal dog v\u00e6re opm\u00e6rksom p\u00e5 at denne l\u00f8sning kan have visse bivirkninger eller m\u00e5ske ikke virke efter hensigten, hvis din knap er placeret inde i en tabel.<\/p>\n

Se evt. denne post for en diskussion af problemer med padding p\u00e5 knapper\u00a0placeret inde i\u00a0en\u00a0tabel:\u00a0 IE button width fix<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Internet explorer har en bug, der\u00a0automatisk\u00a0giver padding til knapper (knapper i form af\u00a0 ‘button’\u00a0og ‘submit’\u00a0 elementerne i input tag).\u00a0 Det kan i visse tilf\u00e6lde v\u00e6re meget irriterende . Is\u00e6r hvis teksten p\u00e5 knappen er lang, da knappen s\u00e5 f\u00e5r alt for meget luft omkring teksten. Det giver meget brede knapper\u00a0som kan v\u00e6lte designet.<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[65,128,299],"_links":{"self":[{"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/posts\/752"}],"collection":[{"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/comments?post=752"}],"version-history":[{"count":0,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/posts\/752\/revisions"}],"wp:attachment":[{"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/media?parent=752"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/categories?post=752"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/tags?post=752"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}