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????

Sinds afgelopen donderdag is Internet Explorer 7 Release Candidate 1 beschikbaar als download. En eerlijk is eerlijk, de mensen van het Internet Explorer development team lijken in elk geval hun best te doen om het vaak vreemde (en voor webbouwers ronduit ergerniswekkende) gedrag van vorige versies van Internet Explorer te verhelpen. En van IE7 een browser te maken die zich gedraagt volgens de regels van het W3C.

Zo doet programmamanager Markus Mielke op het Internet Explorer weblog verslag van de cascading style sheet veranderingen die geïmplementeerd zijn in IE7 RC1. Behalve een lange lijst met fixes voor stijlbladbugs valt er onder andere te lezen dat Internet Explorer 7 de hover pseudo class zal ondersteunen voor alle elementen (niet alleen voor ankers) en dat er ondersteuning is voor min-height, max-height, min-width en max-width. En dat zijn alvast twee zaken die mij erg aanspreken.

De definitieve versie van Internet Explorer 7 zal straks via de automatic updates functie van Windows worden uitgerold. Zodat een hele hoop computers deze browserversie zullen draaien. Alleen al daarom is deze blogpost naar mijn mening verplicht leesvoer. Zodat je weet wat je als websitebouwer allemaal kunt verwachten.

Genomineerd in de categorie kleine browser irritaties is …. het feit dat Microsoft met het contextmenu in de tabbladen in Internet Explorer 7 precies het tegenovergestelde doet als Firefox. In Mozilla Firefox ben ik gewend om met de rechtermuis te klikken op een tabblad om vervolgens met de onderste optie de betreffende tab de nek om te draaien. In Internet Explorer is het precies andersom. De onderste menuoptie opent juist een nieuw tabblad in plaats van de huidige tab te sluiten. Ik zou toch denken dat het handig is om qua volgorde te conformeren aan de norm. Blijkbaar denkt men daar in Redmond anders over. Een mooi voorbeeld van dwars doen als je het mij vraagt. Want Exit, Afsluiten, De grond in boren of Close … hoe je het beestje ook wil noemen … het zit altijd onderaan het menu. Niet bovenaan!

Wat dan wel weer handiger is geregeld in Internet Explorer 7: het kruisje om het actieve tabblad te sluiten als je met je muis boven het desbetreffende tabblad zweeft.

Zomaar een reactie uit het Internet Explorer Blog. Het cynisme druipt ervan af.

Awesome. You listened. I was shocked to see it. Honestly, I didn’t know the IE team knew how to do that.

Now, how about listening to our other thousands of suggestions?

What’s in a name? Een tijdje geleden werd op het IEBlog bekend gemaakt dat de officiëe naam van Internet Explorer zeven Internet Explorer 7+ zou worden. Zo’n twintigduizend mopperige uitingen in de comments later heeft het Internet Explorer Development Team toch maar besloten om dit idee te laten varen. De definitieve namen voor de volgende versie van Internet Explorer gaan worden:

Windows XP – Windows Internet Explorer 7 for Windows XP

Windows Vista – Windows Internet Explorer 7 in Windows Vista

Apart toch weer. Het verschil in naamgeving tussen Windows XP en Windows Vista bedoel ik. Voor Windows XP versus In Windows Vista.

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 …