Author Topic: IE8 Beta: ShowMenu2 CSS dropdown menu  (Read 8954 times)

Offline phillbooth

  • Posts: 27
IE8 Beta: ShowMenu2 CSS dropdown menu
« on: March 16, 2009, 09:53:48 AM »
I a websites that works fine in IE6 and IE7 but the BETA version of IE8 simply does not work with the CSS dropdown menu using ShowMenu2.

Has anyone else had this problem and can anyone help with a IE8 CSS fix?


you can take a look at the full css code here http://www.smallwoods.org.uk/templates/runtimecss/menu.css

http://www.smallwoods.org.uk/

you can download IE8 Beta from here: http://www.microsoft.com/windows/Internet-explorer/beta/default.aspx


Offline BerndJM

  • Posts: 1764
  • Gender: Male
Re: IE8 Beta: ShowMenu2 CSS dropdown menu
« Reply #1 on: March 16, 2009, 10:13:46 AM »
Hi,

in the css are many hacks/workaround for IE6 (which also work fine for IE7) - but because IE8 "will be" more standard conform - there is a "good chance" that he fall in trouble with this hacks/workarounds.

A possible "fix" would be to pick up all the IE6 hacks from the css and put it in a seperate css which will only be loaded for IE6 ...

Good luck
Bernd
In theory, there is no difference between theory and practice. But, in practice, there is.

chio

  • Guest
Re: IE8 Beta: ShowMenu2 CSS dropdown menu
« Reply #2 on: March 16, 2009, 10:24:08 AM »
Add after <head>

 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Offline phillbooth

  • Posts: 27
Re: IE8 Beta: ShowMenu2 CSS dropdown menu
« Reply #3 on: March 16, 2009, 02:14:24 PM »
I dropped that in and I’m afraid it didn’t make any difference, thanks for help though.

chio

  • Guest
Re: IE8 Beta: ShowMenu2 CSS dropdown menu
« Reply #4 on: March 16, 2009, 02:27:10 PM »
Did you mind: This must be the FIRST after <head>

<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

cinnamondm

  • Guest
Re: IE8 Beta: ShowMenu2 CSS dropdown menu
« Reply #5 on: April 09, 2009, 12:37:27 PM »
I a websites that works fine in IE6 and IE7 but the BETA version of IE8 simply does not work with the CSS dropdown menu using ShowMenu2.

Has anyone else had this problem and can anyone help with a IE8 CSS fix?


you can take a look at the full css code here http://www.smallwoods.org.uk/templates/runtimecss/menu.css

http://www.smallwoods.org.uk/

you can download IE8 Beta from here: http://www.microsoft.com/windows/Internet-explorer/beta/default.aspx




Looks like you have the same as me. When in full IE8 mode, for some reason it's placing the </ul> of the submenu at the very end of the nav with the </ul> for the main menu, instead of at the end of the submenu.

I've been trying some hacks but with no luck so far. But, thought I had the most up to date version of showmenu2 and just noticed I haven't... will try that and get back
« Last Edit: April 09, 2009, 12:41:21 PM by cinnamondm »

cinnamondm

  • Guest
Re: IE8 Beta: ShowMenu2 CSS dropdown menu
« Reply #6 on: April 09, 2009, 01:24:06 PM »
Scrap that above, I was talking gibberish.

Almost got it... but it's not quite there in Opera, will need to tweak the CSS on the hover slightly.

Replace this in your template: note I've added the if gte IE 6 and removed the if statement for if IE 7

Code: [Select]
<?php show_menu2(1SM2_ROOTSM2_ALL,SM2_ALL,&#39;<li>[a][menu_title]
[if(class==menu-expand){<!--[if gte IE 6]><table><tr><td><![endif]--><ul>}]
[if(class!=
menu-expand){</a>}]
[if(class!=
menu-last){</li>}]
[if(class==
menu-last){</li></ul><!--[if gte IE 6]></td></tr></table></a><![endif]-->}]&#39;,&#39;&#39;,&#39;&#39;,&#39;&#39;); ?>


Seems to do the job.
« Last Edit: April 09, 2009, 01:43:22 PM by cinnamondm »

Offline sky writer

  • Posts: 926
Re: IE8 Beta: ShowMenu2 CSS dropdown menu
« Reply #7 on: July 19, 2009, 06:57:36 PM »
Add after <head>

 <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

Thank you Chio!  This did the trick for me.
Cheers!

 

postern-length