Meny i IE6

Goddagens! Jag har just gjort färdigt en sida, och avslutar med att kolla hur det ser ut i olika webbläsare och plattformar. Det har hittills sett bra ut överallt, förutom i IE6. Där är min meny helt flippad.

Så här ska det se ut:

Så här visas det i IE6:

Min kod ser ut som följer:

<div id="menu">
      <dl id="menulist">
            <dt id="menu1"> <a class='active' href="index.php">Start</a></dt>
            <dt id="menu2"> <a href="blog.php">Blog</a></dt>
            <dt id="menu3"> <a href="services.php">Services</a></dt>
            <dt id="menu4"> <a href="gallery.php">Gallery</a></dt>
            <dt id="menu5"> <a href="about.php">About Me</a></dt>
            <dt id="menu6"> <a href="contact.php">Contact</a></dt>
      </dl>
</div>

#menu {width:619px;height:37px;margin:0 auto;background:#ffffff;}

#menu dl{width:619px;position:relative;margin:0;padding:0;height:28px;}
#menu #menulist dt {list-style-type:none;padding:0;margin:0;}
#menu #menulist dt a{width:103px;height:0;overflow:hidden;padding-top:28px;position:absolute;}

#menu #menulist a{background:url(gfx/menu3.png);}

#menu #menulist #menu1 a{background-position:0 0;left:0;top:0;}
#menu #menulist #menu2 a{width:101px;background-position:-103px 0;left:103px;top:0;}
#menu #menulist #menu3 a{width:102px;background-position:-204px 0;left:204px;top:0;}
#menu #menulist #menu4 a{width:101px;background-position:-306px 0;left:306px;top:0;}
#menu #menulist #menu5 a{width:102px;background-position:-407px 0;left:407px;top:0;}
#menu #menulist #menu6 a{width:110px;background-position:-509px 0;left:509px;top:0;}

Någon som har en aning?

En grej jag reagerar på dock är att a-taggarnas höjd sätts till 0, sedan sätts bredden vilket jag gissar på gör att renderingsmotorn ballar ur.

Men vore det inte enklare att lägga in bilderna i HTML-koden istället för att hålla på och räkna pixlar? Menyn ser väldigt svårjobbad ut. Har du inte funderat på att göra om den? En meny baserad på floats är mycket enklare att ändra om du inte vill lägga in bilderna direkt i markupen.

Ett bra tillfälle för att få människor (användare) att uppgradera till en bättre läsare.
Skriv helt enkelt ut, Passar bäst i IE 7 och högre eller Fx 3 och högre.
Det finns ingen anledning att lägga ner arbete för en gammal teknik. Punkt slut säger Lasp

Hmm..

Har du möjligen en scriptbaserad PNG-fix som bara körs för IE6 på den knasande sidan ?

Har du det är den troligen orsaken !

Jag har råkat ut för att sådana som helt sonika skalar om *hela* PNG-bilden till att uppta *hela* ytan av elementet oavsett om det är en (icke-repeterande) bakgrundsbild eller en <img> nämligen...
... och jag tycker att det ser ut som att du har fått in hela din "CSS-sprite" omskalad i varje menyelementyta när jag tittar på bild nummer 2 ;)

Testa att byta format på "gfx/menu3.png" till en (delvis transparent?) gif för MSIE6 (via villkorlig kommentar t.ex.) och se om det inte blir bättre av det (eller ta bort PGN-fixen tillfälligt för att verifiera om det är den det beror på) ;)

Lasp skrev:

Det finns ingen anledning att lägga ner arbete för en gammal teknik. Punkt slut säger Lasp

Hmm...
IE6 är oftast inga problem att hantera när man ändå har specialhackat ett CSS-alternativ som löser problemen man ändå måste ful-hantera för IE7, och därmed finns det ingen anledning att låta bli att tillhandahålla en tjatfri och rimligt bra upplevelse även för den besökargrupp (IE6-besökare) som än så länge (i mina webbtrakter iallafall) är större än de grupper som använder Opera och Safari om man räknar ihop dem ;) - dvs så länge jag dokumenterat har ca var tionde besökare inkommande med IE6 håller jag helt enkelt inte med dig. Punkt slut säger Jarvklo :birp

PEACE :birp

Nu blire off topic...

Är man ensam utvecklare är det oftast inte så mycket problem med IE 6 men att ta över och vidareutveckla någon annans kod som inte funkar i 6:an, det är inge kul alls. Särskilt inte om koden funkar i de andra webbläsarna och man vet hur mycket enklare och mer produktiv man skulle vara om man inte behövde sitta och felsöka en 8 år gammal webbläsare med kass renderingsmotor.

När vi tar beslutet att lämna IE 6 bakom oss ska jag fira med minst en öl! :birp

dAEk skrev:

När vi tar beslutet att lämna IE 6 bakom oss ska jag fira med minst en öl! :birp

Amen Broder - Amen! :birp