P\u00e5 et webprojekt p\u00e5 multimediedesigner uddannelsen havde vi lavet en r\u00e6kke bokse med runde hj\u00f8rner. Grafikken var h\u00e6ftet p\u00e5 en r\u00e6kke div tags som baggrundsbilleder(backgroundimage), i en spalte som var floated til venstre.<\/p>\n
Det virker fint i b\u00e5de Firefox og Internet Explorer. Indtil vi scrollede ned og s\u00e5 op igen. Nu var der pludselig forsvundet dele af grafikken i IE. F\u00f8rste tanke var selvf\u00f8lgelig peekaboo-bugen, men den er ofte beskrevet omvendt. Alts\u00e5 at tingene er v\u00e6k fra starten og s\u00e5 dukker op, n\u00e5r man har scrollet v\u00e6k og s\u00e5 tilbage.<\/p>\n
Jeg pr\u00f8vede et par af de l\u00f8sningsforslag, man kan finde til peekaboo-buggen, men uden held. Lidt mere s\u00f8gen f\u00f8rte til en artikel p\u00e5 CommunityMX<\/a>, der beskriver forskellige IE display bug. Artiklens udgangs punkt var, at et v\u00e6ld af IE bugs stammer fra problemer med float og manglende angivelse p\u00e5 dimensioner af div-bokse. Id\u00e9en med vores bokse var netop, at de skulle v\u00e6re dynamiske, og derfor selvf\u00f8lgelig ikke havde f\u00e5et angivet nogen h\u00f8jde.<\/p>\n En hurtig test med f\u00f8lgende hack placeret efter det div tag vi mist\u00e6nkte for miseren:<\/p>\n \/* Hides from IE5-mac \\<\/font><\/strong>*\/ Og s\u00f8rme om det ikke virkede. For en udf\u00f8rlig forklaring p\u00e5 hacket, og et par andre l\u00f8sningsforslag p\u00e5 lignende bugs check selv artiklen p\u00e5 CommunityMX<\/a>.<\/p>\n
\n* html<\/font> .problemboks {height: 1%;}
\n\/* End hide from IE5-mac *\/<\/p><\/blockquote>\n