WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => Templates, Menus & Design => Topic started by: phillbooth on March 16, 2009, 09:53:48 AM

Title: IE8 Beta: ShowMenu2 CSS dropdown menu
Post by: phillbooth 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/templates/runtimecss/menu.css)

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

you can download IE8 Beta from here: http://www.microsoft.com/windows/Internet-explorer/beta/default.aspx (http://www.microsoft.com/windows/Internet-explorer/beta/default.aspx)
Title: Re: IE8 Beta: ShowMenu2 CSS dropdown menu
Post by: BerndJM 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
Title: Re: IE8 Beta: ShowMenu2 CSS dropdown menu
Post by: chio on March 16, 2009, 10:24:08 AM: Add after <head>

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
Title: Re: IE8 Beta: ShowMenu2 CSS dropdown menu
Post by: phillbooth 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.
Title: Re: IE8 Beta: ShowMenu2 CSS dropdown menu
Post by: chio 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" />
Title: Re: IE8 Beta: ShowMenu2 CSS dropdown menu
Post by: cinnamondm on April 09, 2009, 12:37:27 PM: Quote from: phillbooth 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/templates/runtimecss/menu.css)

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

you can download IE8 Beta from here: http://www.microsoft.com/windows/Internet-explorer/beta/default.aspx (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
Title: Re: IE8 Beta: ShowMenu2 CSS dropdown menu
Post by: cinnamondm 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(1, SM2_ROOT, SM2_ALL,SM2_ALL,'<li>[a][menu_title] [if(class==menu-expand){<ul>}] [if(class!=menu-expand){</a>}] [if(class!=menu-last){</li>}] [if(class==menu-last){</li></ul>}]','','',''); ?>

Seems to do the job.
Title: Re: IE8 Beta: ShowMenu2 CSS dropdown menu
Post by: sky writer on July 19, 2009, 06:57:36 PM: Quote from: chio on March 16, 2009, 10:24:08 AM
Add after <head>

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

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