~home~ REDnet.nl

Nieuws

(0 reacties) toon reacties IE verneukt zijn eigen diss (Zo 24 december '06 om 21:16 pm)

Wanneer ik na een poos van iets anders doen weer eens aan de XHTML ga, is het eerste waar ik altijd problemen mee krijg Internet Explorer. Ze houden zich niet aan afspraken. Blabla... daarom vond ik het wel cool dat Paul Armstrong onder het motto 'Internet Explorer is holding us back!' een anti-IE campagne begon in de vorm van too cool for IE.

Er staat dan een klikbare 'badge' rechtsonder in beeld, ookal wordt er gescrollt. You know. Maar de CSS2 die dat mogelijk maakt wordt door alle browsers ter wereld ondersteund behalve door Internet Explorer. En ik wou het nu júist zo maken dat alléén IE de badge liet zien.

Nu ben ik Sander niet als ik het niet op een andere manier voor elkaar kon krijgen, en voila:

De style, wat in elke niet-IE browser werkt:


 div#tooCoolCont { text-align: right; height: 80px;}
 a#tooCool {
 position: fixed;
 bottom: 0; 
 right: 0;
 }

De hack, niet nodig in IE7 en alleen getest in IE6:

<!--[if lt IE 7]>
 <script type="text/javascript">
 document.writeln('<style type="text\/css">');
 document.writeln("a#tooCool { position: absolute; \
 top: expression(document.body.scrollTop + \
 (document.body.clientHeight - this.clientHeight)); }");
 document.writeln('<\/style>');
 </script>
 <![endif]-->

Het is vrij simpel. Ik zal er maar niet bij zeggen dat ik úren bezig ben geweest voordat ik deze resulterende paar regels had... En dat allemaal dankzij de Conditional Comments en de IE-only CSS-tag expression. Voor mij blijkt wel weer dat deze tags alleen gemaakt zijn om handmatig de bugs uit IE te halen... IE onderstreept zo zijn eigen irritantheid, en dat doet me wel een beetje deugd.

Paul werd trouwens een beetje een scarycat naar aanleiding van alle hatemail die hij van IE lovers kreeg, en stopte met de campagne. Maar dat alles wat populair is one way or the other geld op kan leveren bewijst ie zelf wel weer door de hele campagnepagina, en check zelf zoveel werk was dat nu ook weer niet, te verkopen voor een niet nader genoemd bedrag.

Reageer (0 reacties) toon reacties