IE8 Beta: ShowMenu2 CSS dropdown menu

Print
Go Down Pages1
User actions

sky writer

#8
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!

cinnamondm

#7
April 09, 2009, 01:24:06 PM Last Edit: April 09, 2009, 01:43:22 PM by cinnamondm
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){<!--[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]-->}]','','',''); ?>


Seems to do the job.

cinnamondm

#6
April 09, 2009, 12:37:27 PM Last Edit: April 09, 2009, 12:41:21 PM by cinnamondm
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/

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

chio

#5
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" />

phillbooth

#4
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

#3
March 16, 2009, 10:24:08 AM
Add after <head>

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

BerndJM

#2
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.

phillbooth

#1
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

Print
Go Up Pages1
User actions
SMF 2.1.4 © 2023, Simple Machines
ProCurve Theme Made By : TwitchisMental