Forum Mjukvara Programmering och digitalt skapande Tråd

Drop down-meny fungerar ej i IE7 och 8

1
Skriv svar
Permalänk
Medlem
●

Drop down-meny fungerar ej i IE7 och 8

Tjenna!

Jag har precis gjort en hemsida för ett mindre gym i wordpress. Sidan fungerar bra i alla webbläsare utom (guess what?) i IE7 och IE8.

I IE7 hamnar drop down-menyn bakom bildspelet på tartsidan och i IE8 syns drop down menyn hela tiden.

Är det någon som är grym på att anpassa sidor efter IE's äldre modeller som kan hjälpa mig att lösa problemet?

Webbplatsens URL: http://www.motionsfabriken.se

/Markus

Redigera
Citera flera Citera
Permalänk
Medlem
●

Antingen kan du ju använda Javascript för att känna av vilken webbrowser som används och redirecta alla med IE<8 till en annan sida där du anpassat koden särskilt för IE, eller använda ifsatser på en och samma sida som ändrar designen med hjälp av att känna av vilken webbläsare användaren använder.

Ska dock säga att är ganska ny när det gäller webbdesign så finns säkert elegantare lösningar!

Visa signatur

Stationär Dator : FD define r3|Corsair RM 750W|i7 4770K +NH-U9B SE2|Z87-DS3H|ASUS R9 290 4GB DirectCuII|A-data 1600 DDR3 8GB|2TB + 1TB + 1 TB + 120Gb SSD
Bärbar dator : Acer Aspire TimelineX 5820TG

BeErNwHiSkY:Beer and Whisky!

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Mackan34:

Tjenna!

Jag har precis gjort en hemsida för ett mindre gym i wordpress. Sidan fungerar bra i alla webbläsare utom (guess what?) i IE7 och IE8.

I IE7 hamnar drop down-menyn bakom bildspelet på tartsidan och i IE8 syns drop down menyn hela tiden.

Är det någon som är grym på att anpassa sidor efter IE's äldre modeller som kan hjälpa mig att lösa problemet?

Webbplatsens URL: http://www.motionsfabriken.se

/Markus

Gå till inlägget

Det är din IE8-fix som bråkar. Du sätter alla UL-element under #access .menu-header till display:inline, vilket kör över display:none i standarddeklarationen. Du löser enklast problemet genom att lägga till en ännu mer specifik override i din IE-fix:

#access .menu-navigation .sub-menu { display:none; }
#access .menu-navigation li:hover .sub-menu { display:block; z-index:9001; }

z-index behövs för att IE7 ska lägga undermenyn ovanpå bildspelet, och den bör av nostalgiska skäl vara över niotusen(!!!!!!!)

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●

@Teknocide Tack så jättemycket för svar och tips! Verkar funka nu! Sitter på en Mac nu så kan inte titta i IE nu men kollade på http://netrenderer.com/ och där ser det ok ut!

Redigera
Citera flera Citera
Permalänk
Medlem ★
●

I IE 9 funkar det inte när jag kollar precis nu, ingen dropdown

I FF och crome funkar det perfekt förstås

Undrar när MS ska börja stödja standarder.

Visa signatur

Acer Predator Helios 300

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Teknocide:

Det är din IE8-fix som bråkar. Du sätter alla UL-element under #access .menu-header till display:inline, vilket kör över display:none i standarddeklarationen. Du löser enklast problemet genom att lägga till en ännu mer specifik override i din IE-fix:

#access .menu-navigation .sub-menu { display:none; }
#access .menu-navigation li:hover .sub-menu { display:block; z-index:9001; }

z-index behövs för att IE7 ska lägga undermenyn ovanpå bildspelet, och den bör av nostalgiska skäl vara över niotusen(!!!!!!!)

Gå till inlägget

Kollat på en PC nu och drop down-menyn ligger nu inte längre bakom eller framför. Skönt det! Dock så fungerar inte drop down-menyn när man för musen över den i IE7.

Teknocide, har du någon lösning på det också?

Väldigt tacksam för att du löste det första problemet!

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Mackan34:

Tjenna!

Jag har precis gjort en hemsida för ett mindre gym i wordpress. Sidan fungerar bra i alla webbläsare utom (guess what?) i IE7 och IE8.

I IE7 hamnar drop down-menyn bakom bildspelet på tartsidan och i IE8 syns drop down menyn hela tiden.

Är det någon som är grym på att anpassa sidor efter IE's äldre modeller som kan hjälpa mig att lösa problemet?

Webbplatsens URL: http://www.motionsfabriken.se

/Markus

Gå till inlägget

Jag kan dela med mig av mina knep jag köra med när det gäller IE och gamla värdelösa skit browsers.

Jag använder mig ofta av http://jreject.turnwheel.com/ för att blockera gamla versioner av <IE8 och andra gamla version av browsers just för att tvinga användarna att använda sig av nyare browsers.

Visa signatur

ᕦ(ツ)ᕤ

Redigera
Citera flera Citera
Permalänk
Medlem ★
●
Skrivet av Mackan34:

Kollat på en PC nu och drop down-menyn ligger nu inte längre bakom eller framför. Skönt det! Dock så fungerar inte drop down-menyn när man för musen över den i IE7.

Teknocide, har du någon lösning på det också?

Väldigt tacksam för att du löste det första problemet!

Gå till inlägget

Jag kan slänga ett öga på det lite senare. CSS:en för menyn är lite annorlunda än jag är van vid så det kan hända att mina stilregler inte kommer överens allt annat.

Visa signatur

Kom-pa-TI-bilitet

Redigera
Citera flera Citera
Permalänk
Medlem
●
Skrivet av Teknocide:

Jag kan slänga ett öga på det lite senare. CSS:en för menyn är lite annorlunda än jag är van vid så det kan hända att mina stilregler inte kommer överens allt annat.

Gå till inlägget

Vore jättesnällt!

Redigera
Citera flera Citera
1
Skriv svar
Senaste nyheterna
Hårdvara
Mjukvara
Övrigt
Nytt i forumet
Datorkomponenter
System
Ljud, bild och kommunikation
Spel och mjukvara