Är Internet Explorer. Alltid. Sitter och håller på med en ny layout och struket för www.malarnetcity.se och när man börjar bli nöjd med funktionaliteten så är nästa steg alltid att kolla i Internet Explorer. Ett jobbigt med nödvändigt steg. Detta resulterade ju givetvis i att inget fungerande som jag ville. Men allt jobb är inte bortkastat för det. I regel betyder det bara att man måste anpassa lite. Men den här gången så lärde jag mig något nytt. IE6 stöder inte :hover-attributet på andra element än a-taggar. Alltså, en smidig funktion med CSS är att man kan säga att ett element ska se ut på ett annat vis när musen är över elementet, Den gör i stort sett samma sak som onMouseOver-anropet för JavaScript, men man slipper använda javascript. Det är ett sjysst sätt att till exempel ändra bakgrundsbild på en länk, eller fälla ut ett område så det blir större när musen är över. Testa själv här för att se om din webläsare stöder :hover som den ska.
Det var det senare jag ville göra. Om ni följer den här länken och klickar på knappen och sedan går hit så ser ni att menyn fälls ut när musen är över den, även listan med weblogggar fälls ut. Riktigt smidigt. Då slipper man ha långa listor för att visa de senaste tio inläggen.
Detta gjorde jag först med :hover. Nu gör jag det med JavaScript. Visserligen blev det snyggare med JavaScript (jag kan öppna den i flera steg, vilket blir mjukare) men det var synd att IE inte ens stöder hover.