I am seeking feedback about some website issues with IE9. In IE9, the javascript menu of my website does not show up. I have to manually click the compatibility button on the browser to see the menu. I seem to recall in IE8, if there was an issue, that compatibility mode would automatically kick in, but it doesn't seem so in IE9 which is sad. The sight loads up ok in firefox and chrome. Anyways, I'm interested in solving the problem and just fixing the site if possible. The site is from a joomla template I bought about 6 months ago. I opened a ticket with the template vendor but there has been no response over the last 3 days. Any whiz kids who can help me solve the problem? The website is avulant dot com
Add this line to head: [FONT=Bitstream Vera Sans Mono]<meta http-equiv="X-UA-Compatible" content="IE=8" />[/FONT] Code (markup): Hope it helps.
Try toggling your compat mode button and see if the menu disappears. I tried viewing my site from another pc with IE9 and it didn't work either until I manually pressed the compat mode button.
Here is my head section, you think the meta is in the java scripts files? I'm a little out of my element here. <head> <jdoc:include type="head" /> <?php $user =& JFactory::getUser(); if ($user->get('guest') == 1) { $headerstuff = $this->getHeadData(); $headerstuff['scripts'] = array(); $this->setHeadData($headerstuff); } ?> <script type="text/javascript" src="<?php echo $path ?>/scripts/jquery.js"></script> <script type="text/javascript" src="<?php echo $path ?>/scripts/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="<?php echo $path ?>/scripts/jquery.anythingslider.js"></script> <script type="text/javascript" src="<?php echo $path ?>/scripts/slider.js"></script> <script type="text/javascript"> var $j = jQuery.noConflict(); $j(document).ready(function(){ $j('.menu-nav li').hover( function() { $j(this).addClass("active"); $j(this).find('.ulwrapper').stop(false, true).slideDown(); $j(this).find('.ulwrapper .ulwrapper').stop(false, true).slideUp('fast'); }, function() { $j(this).removeClass("active"); $j(this).find('div').stop(false, true).slideUp('fast'); } ); $j('.ulwrapper').hover( function() { $j('.parent').addClass("active_tab"); }, function() { $j('.parent').removeClass("active_tab"); } ); }); </script> <script type="text/javascript" src="<?php echo $path ?>/scripts/cufon-yui.js"></script> <script type="text/javascript" src="<?php echo $path ?>/scripts/Myriad_Pro_400.font.js"></script> <script type="text/javascript" src="<?php echo $path ?>/scripts/Myriad_Pro_600.font.js"></script> <script type="text/javascript" src="<?php echo $path ?>/scripts/cufon-replace.js"></script> <!--[if IE 6]><script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script><![endif]--> <link rel="stylesheet" href="<?php echo $path ?>/css/constant.css" type="text/css" /> <link rel="stylesheet" href="<?php echo $path ?>/css/template.css" type="text/css" /> </head>
Thanks everyone for their response. The vendor responded and supplied me a new .js file that seems to have fixed it.
Do you know that Microsoft at first announced Internet Explorer 9 at PDC 2009 and told about how it takes advantage of hardware acceleration in DirectX to improve the performance of web applications and improve the quality of web typography. Then, Microsoft announced that they had joined the W3C's SVG Working Group, which sparked speculation that Internet Explorer 9 will support the SVG W3C recommendation.[30] This was proven to be true at MIX 10, where they demonstrated support for basic SVG markup and improved support for HTML5. They also announced that they would increase the support greatly by the time the first Internet Explorer 9 Beta was released. The Internet Explorer team also introduced the new JavaScript engine for 32-bit Internet Explorer 9, codenamed Chakra, which uses Just-in-time compilation to execute JavaScript as native code.