{"id":118,"date":"2008-02-06T22:42:13","date_gmt":"2008-02-06T21:42:13","guid":{"rendered":"http:\/\/www.nielsgamborg.dk\/wordpress\/webudvikling\/browser-hack-endnu-en-margin-og-padding-bug-i-internet-explorer-7.htm"},"modified":"2008-02-06T22:42:13","modified_gmt":"2008-02-06T21:42:13","slug":"browser-hack-endnu-en-margin-og-padding-bug-i-internet-explorer-7","status":"publish","type":"post","link":"https:\/\/nielsgamborg.dk\/wordpress\/browser_bugs\/browser-hack-endnu-en-margin-og-padding-bug-i-internet-explorer-7.htm","title":{"rendered":"Browser Hack. Endnu en margin og padding bug i Internet Explorer 7"},"content":{"rendered":"

Igen opdagede jeg\u00a0en\u00a0 margin og padding\u00a0bug i IE7 p\u00e5 min hjemmeside. Og\u00a0igen m\u00e5 jeg\u00a0konstatere, at det er en pr\u00f8velse at arbejde med Internet Explorer. Det er en ringe tr\u00f8st at IE7 m\u00e5ske f\u00f8lge standarden bedre og er en bedre browser end IE6,\u00a0 n\u00e5r\u00a0den bare volder andre og helt nye\u00a0problemer.\u00a0<\/p>\n

Suk! S\u00e5 nu er det pined\u00f8d n\u00f8dvendigt at tjekke i 3 forskellige browsere<\/strong>, de n\u00e6ste mange \u00e5r.<\/p>\n

Hacks<\/h3>\n

Hacks til at l\u00f8se browser\u00a0problemer og fejl, \u00a0er som regel en d\u00e5rlig id\u00e9.\u00a0Hacksene er b\u00f8vlede at vedligholde, efterh\u00e5nden som n\u00fde generationer af browsere kommer til. S\u00e5 normalt l\u00f8ser jeg\u00a0 bugs ved, ved at eksperimentere med margin og padding.<\/p>\n

Men\u00a0da jeg fik\u00a03 forskellige resultater i 3 forskellige browsere (IE 6, IE7 og Firefox 2.0), m\u00e5tte jeg giver op\u00a0ty til et browser hack, der skjuler en blog\/style i stylesheetet\u00a0for IE6.<\/p>\n

Efter lidt spredet s\u00f8gning fandt jeg denne Oversigt over hacks,\u00a0til internet\u00a0explorer og mozilla\u00a0bugs<\/a>\u00a0. Alle hacksene er overskueligt ordnet og godt beskrevet. Listen mangler hacks for de nyeste browsere (feks IE7), s\u00e5 hvis nogen kender en nyere liste, s\u00e5 sig endelig til.<\/p>\n

Min l\u00f8sning\u00a0<\/h3>\n

Det hack, jeg\u00a0endte med at bruge\u00a0var<\/p>\n

\u00a0attribut metoden<\/strong>:<\/p>\n

#indhold[id]{ \/*\u00a0 HACK DER SKJULER\u00a0DENNE BLOK\u00a0FOR IE6 *\/<\/font>
\n\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0 \u00a0padding-right: 5px;
\n}<\/p><\/blockquote>\n

der effektivt fik kureret buggen.<\/p>\n

<\/blockquote>\n","protected":false},"excerpt":{"rendered":"

Igen opdagede jeg\u00a0en\u00a0 margin og padding\u00a0bug i IE7 p\u00e5 min hjemmeside. Og\u00a0igen m\u00e5 jeg\u00a0konstatere, at det er en pr\u00f8velse at arbejde med Internet Explorer. Det er en ringe tr\u00f8st at IE7 m\u00e5ske f\u00f8lge standarden bedre og er en bedre browser end IE6,\u00a0 n\u00e5r\u00a0den bare volder andre og helt nye\u00a0problemer.\u00a0 Suk! S\u00e5 nu er det pined\u00f8d […]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2,19],"tags":[54,61,97,118,127],"_links":{"self":[{"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/posts\/118"}],"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=118"}],"version-history":[{"count":0,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/posts\/118\/revisions"}],"wp:attachment":[{"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/media?parent=118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/categories?post=118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nielsgamborg.dk\/wordpress\/wp-json\/wp\/v2\/tags?post=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}