Toen ik vanmorgen op m’n werk probeerde mijn stem uit te brengen op een kandidaat voor de Ondernemings Raad trakteerde de *** kuch *** webapplicatie die de stemmen registreert me doodleuk op een script error:

Dit lijkt me een typisch gevalletje van we hebben de code niet getest. Vertrouwen in de robuustheid van het online stembureau wekt het in ieder geval niet.

Belangrijk is ook de vraag Heb ik nou m’n stem uitgebracht of niet? De pagina waarop ik belandde heet gestemd.asp. Heeft de scriptfout alleen betrekking op een “bedankt voor je stem” melding? Of crashte de code voordat mijn stem werd opgeslagen in de achterliggende database? We zullen het nooit te weten komen. De hele dag stond die foutmelding op m’n beeldscherm. Toen ik de pagina ‘s-middags ververste werd me meegedeeld dat het stembureau gesloten is. Asjemenou!

Pseudo elementen in Cascading Style Sheets gebruik je om bepaalde selectors op te maken. Het :first-letter pseudo element (CSS 2.1) bijvoorbeeld zet je in om de eerste letter van een element (een paragraaf) op te maken. Het :first-letter pseudo element wordt ondersteund door een behoorlijk aantal eigenschappen. Om er enkele te noemen: font, color, background, margin, padding, border, text-decoration, text-transform en line-height staan tot je beschikking.

Tot zover de theorie. In de praktijk gaat het vaak wat minder soepeltjes. Zo werd ik geattendeerd op het feit dat mijn Rammstein Sonne diezijntje crasht onder Internet Explorer. En ja hoor, Internet Explorer versie 6 gaat genadeloos tegen de vlakte. Au! Tijd om eens uit te zoeken waarvan Internet Explorer 6 dan zo van slag raakt.

Trial and error leert dat Internet Explorer 6 zich verslikt in de stijlbladcombinatie van een selector id en een childselector die voorzien is van de :first-letter eigenschappen voor background, margin en padding. Ter illustratie:

Voorbeeld 1 (werkt zonder problemen)

p:first-letter {

font-size: 200%;

font-weight: bold;

color: #000;

background: #ccc;

margin: 5px 0 2px 0;

padding: 1px 2px 0 0;

text-align: left;

}

Voorbeeld 2 (veroorzaakt een programmacrash in Internet Explorer 6)

#nb p:first-letter {

font-size: 200%;

font-weight: bold;

color: #000;

background: #ccc;

margin: 5px 0 2px 0;

padding: 1px 2px 0 0;

text-align: left;

}

Voorbeeld 3 (geen crash als background, margin en padding eigenschappen zijn uitgezet)

#nb p:first-letter {

font-size: 200%;

font-weight: bold;

color: #000;

/*

background: #ccc;

margin: 5px 0 2px 0;

padding: 1px 2px 0 0;

*/
text-align: left;

}

Is dit nou een schoolvoorbeeld van buggy behaviour of mis ik iets????

Eindelijk een ietwat praktische invulling van een testje van een tijdje terug met het favicon bestandje van een website. Bij het ophalen van de top vijf van del.icio.us entries worden ook de favicons van de betreffende sites opgehaald. Eén ding begrijp ik niet. Nog steeds niet echt nuttig, maar wel aardig om te zien.

WtF? Waar Firefox braaf alle afbeeldingen inlaadt, heeft Internet Exploder problemen met sommige favicons. Terwijl ze er op de betreffende webserver toch echt zijn. Grrr!

** Terwijl dit opgetekend wordt gaat plots lampje aan boven hoofd ** Is dit gedrag wellicht gerelateerd aan de problemen die IE heeft met png afbeeldingen die transparantie gebruiken???? Straks eens checken op een computertje met Internet Explorer 7 …

Webwereld meldt: honderden manieren om Internet Explorer te laten crashen.

Honderden …. plus eentje. Wheee!