Meny fungerar inte i IE6

[nsky]

Hej,

har hittat en meny som jag har modifierat lite men som tyvärr fungerar den inte i IE6. Tyvärr måste jag få den att fungera även för 6:an, hade helst skippat men tyvärr går inte det. Det är hover i underrubrikerna som inte fungerar. Ni kan se menyn här

 

www.webnstuff.se/utv/hover.html

[Jonas__B]

Det är inte javascripten som är fel utan css:en. IE6 stödjer inte :hover på andra element än a

ul.subnav li:hover ul, ul.botsubnav li:hover ul,
ul.subnav li.hover ul, ul.botsubnav li.hover ul /* lägg till denna */
{
   left: auto;    
}

 

sedan får du ändra i meny.js också.

//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function () {
       $(this).parent().addClass("hover"); //On hover over, add class "hover"    }, function () {    //On Hover Out
       $(this).parent().removeClass("hover"); //On hover out, remove class "hover"
   });

//  **  //

//Following events are applied to the trigger (Hover events for the trigger)
   }).hover(function () {
       $(this).parent().addClass("hover"); //On hover over, add class "hover"
   }, function () {    //On Hover Out
       $(this).parent().removeClass("hover"); //On hover out, remove class "hover"
   });

[nsky]

Det är inte javascripten som är fel utan css:en. IE6 stödjer inte :hover på andra element än a

ul.subnav li:hover ul, ul.botsubnav li:hover ul,
ul.subnav li.hover ul, ul.botsubnav li.hover ul /* lägg till denna */
{
   left: auto;    
}

 

sedan får du ändra i meny.js också.

//Following events are applied to the trigger (Hover events for the trigger)
}).hover(function () {
       $(this).parent().addClass("hover"); //On hover over, add class "hover"    }, function () {    //On Hover Out
       $(this).parent().removeClass("hover"); //On hover out, remove class "hover"
   });

//  **  //

//Following events are applied to the trigger (Hover events for the trigger)
   }).hover(function () {
       $(this).parent().addClass("hover"); //On hover over, add class "hover"
   }, function () {    //On Hover Out
       $(this).parent().removeClass("hover"); //On hover out, remove class "hover"
   });

 

Tack för hjälpen, men får det fortfarande inte att fungera.

 

Har lagt till raden i .css:en och ändrat i .js filen men fungerar tyvärr inte ändå.

 

Edit: Såg att det var samma kod.

[Jonas__B]

jag har ändrat på två ställen i js-filen.

De två funktionerna är snarlika

 

Det är något annat i cssen som inte stöds av ie6, och det är nog "left:auto" som inte fungerar.

[nsky]

jag har ändrat på två ställen i js-filen.

De två funktionerna är snarlika

 

Det är något annat i cssen som inte stöds av ie6, och det är nog "left:auto" som inte fungerar.

Ok, har satt left: 0; men hover fungerar inte i Ie6 men det fungerar bra i FF. Åh vad less jag blir att behöva anpassa för IE6.

[Jonas__B]

alternativet är att använda sätt som fungerar även för ie6, men det är lätt att säga i efterhand. Sorry.