Menu Errors In Internet Explorer

[Carson 0]

I am not sure if this is the correct section, but this is related to HTML.

 

I have some menus at the top of my forum, which work perfectly in Firefox. But my members started complaining that they were not working correctly, and when I tested it in Internet Explorer, I found that only two of the menus show up, and the others show up as plain text below. Here is a screenshot of what the menus look like in the two browsers:

 

I have thought of something though. The HTML i used for my menus was the only code I could find for to make some menus. But I noticed that this forum uses a different code, obviously, so if I knew how the menus were made on this forum, I could use them on mine and then the menus would come up properly for everyone. Thats only a suggestion...

 

I really need to know how to fix this. According to the statistics of my forum, 47.6 % of the visitors use Internet Explorer. I will be losing members because of this. The main content is within the menus that do not show up. Can anyone help me?

[jlhaslip 4]

Can you post some code for us to look at please.And a link to your site Forum so we can do a view source. Thanks.

[truefusion 3]

This problem is usually caused by the importing of the CSS—it's happened to me a lot. You can do two of the following to try and fix this:

Don't import the CSS.

Have a PHP script detect which browser is being used, then replace that area with a JavaScript mouseover effect.

That's how i solved it.

[Carson 0]

Ok, thank you for your replies, but i'm still a bit confused.

Here is the HTML part for the menus, from my forum.

<!--ipb.javascript.start--><script type="text/javascript"> //<![CDATA[ var ipb_var_st			= "{$this->ipsclass->input['st']}"; var ipb_lang_tpl_q1	   = "{$this->ipsclass->lang['tpl_q1']}"; var ipb_var_s			 = "{$this->ipsclass->session_id}"; var ipb_var_phpext		= "{$this->ipsclass->vars['php_ext']}"; var ipb_var_base_url	  = "{$this->ipsclass->js_base_url}"; var ipb_var_image_url	 = "{$this->ipsclass->vars['img_url']}"; var ipb_input_f		   = "{$this->ipsclass->input['f']}"; var ipb_input_t		   = "{$this->ipsclass->input['t']}"; var ipb_input_p		   = "{$this->ipsclass->input['p']}"; var ipb_var_cookieid	  = "{$this->ipsclass->vars['cookie_id']}"; var ipb_var_cookie_domain = "{$this->ipsclass->vars['cookie_domain']}"; var ipb_var_cookie_path   = "{$this->ipsclass->vars['cookie_path']}"; var ipb_md5_check		 = "{$this->ipsclass->md5_check}"; var ipb_new_msgs		  = {$this->ipsclass->member['new_msg']}; var use_enhanced_js	   = {$this->ipsclass->can_use_fancy_js}; var use_charset		   = "{$this->ipsclass->vars['gb_char_set']}"; var ipb_myass_chars_lang  = "{$this->ipsclass->lang['myass_chars']}"; var ajax_load_msg		   = "{$this->ipsclass->lang['ajax_loading_msg_new']}"; //]]></script><script type="text/javascript" src='jscripts/ips_ipsclass.js'></script><script type="text/javascript" src='jscripts/ipb_global.js'></script><script type="text/javascript" src='jscripts/ips_menu.js'></script><script type="text/javascript" src='{$this->ipsclass->vars['img_url']}/folder_js_skin/ips_menu_html.js'></script><script type="text/javascript" src='cache/lang_cache/{$this->ipsclass->lang_id}/lang_javascript.js'></script><script type="text/javascript">//<![CDATA[var ipsclass = new ipsclass();ipsclass.init();ipsclass.settings['do_linked_resize'] = parseInt( "{$this->ipsclass->vars['resize_linked_img']}" );ipsclass.settings['resize_percent']   = parseInt( "{$this->ipsclass->vars['resize_img_percent']}" );//]]></script><!--ipb.javascript.end--><table align="center" style="border-collapse: collapse;width: 100%">	<tr>		<td valign="top" style="padding: 0;background-image: url(style_images/<#IMG_DIR#>/bar_l_bg.gif);width: 45px"><img src="style_images/<#IMG_DIR#>/bar_l_top.gif" alt="" /></td><td valign="top" style="padding: 0"><div id="ipbwrapper"><div id="logostrip"><img src="style_images/<#IMG_DIR#>/logostrip_l.gif" alt="" /></div><div id="submenu-shell" align="left"><ul id="submenu">[color="#FF0000"]<li class="off"><a href="http://rmxpunlimited.trap17.com/">Home<span class="bottom">Home</span></a></li><div class='ipb-top-right-link'><li class="off"><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu4, '110px')" onMouseout="delayhidemenu()">Main<span class="bottom">Main</span></a></li></div>	<div class='ipb-top-right-link'><li class="off"><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu3, '120px')" onMouseout="delayhidemenu()">RPG Maker XP<span class="bottom">RPG Maker XP</span></a></li></div>	<div class='ipb-top-right-link'><li class="off"><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '110px')" onMouseout="delayhidemenu()">Community<span class="bottom">Community</span></a></li></div>	<div class='ipb-top-right-link'><li class="off"><a href="#" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '110px')" onMouseout="delayhidemenu()">Entertainment<span class="bottom">Entertainment</span></a></li></div>	[/color]</ul></div><div style="padding: 5px"><div id="ipbwrapper2"><div class="b-middle"><div class="b-left"><img src="style_images/<#IMG_DIR#>/border_top_l.gif" alt="" /></div><div class="b-right"><img src="style_images/<#IMG_DIR#>/border_top_r.gif" alt="" /></div></div><div id="ipbwrapper3"><div class="borderwrap"><div class="maintitle"> </div><div id="userlinks"><p style="float: left"><!--ipb.leftlinks.start--><strong><em>		<if="$this->ipsclass->vars['home_url']">			<a href="{$this->ipsclass->vars['home_url']}">{$this->ipsclass->vars['home_name']}</a>		</if>		<if="$this->ipsclass->vars['csite_on']">			 · <a href="{$this->ipsclass->base_url}act=home">{$this->ipsclass->vars['csite_title']}</a>		</if>	<!--IBF.RULES--><!--ipb.leftlinks.end--></em></strong></p><p><strong><em><!--ipb.rightlinks.start--><if="component_links != """>{$component_links}</if> <a href="{$this->ipsclass->base_url}act=Help">{$this->ipsclass->lang['tb_help']}</a> · <a href="{$this->ipsclass->base_url}act=Search">{$this->ipsclass->lang['tb_search']}</a> · <a href="{$this->ipsclass->base_url}act=Members">{$this->ipsclass->lang['tb_mlist']}</a> · <a href="{$this->ipsclass->base_url}act=calendar">{$this->ipsclass->lang['tb_calendar']}</a></em></strong>	<!--ipb.rightlinks.end--></p></div><if="$this->ipsclass->can_use_fancy_js != 0"><script type="text/javascript" src='jscripts/ips_xmlhttprequest.js'></script><script type="text/javascript" src='jscripts/ipb_global_xmlenhanced.js'></script><script type="text/javascript" src='jscripts/dom-drag.js'></script><div id='get-myassistant' style='display:none;width:400px;text-align:left;'><div class="borderwrap"> <div class='maintitle' id='myass-drag' title='{$this->ipsclass->lang['myass_drag']}'>  <div style='float:right'><a href='#' onclick='document.getElementById("get-myassistant").style.display="none"'>[X]</a></div>  <div>{$this->ipsclass->lang['myass_title']}</div> </div> <div id='myass-content' style='overflow-x:auto;'></div> </div></div><!-- Loading Layer --><div id='loading-layer' style='display:none'>	<div id='loading-layer-shadow'>	   <div id='loading-layer-inner'>	 	<img src='style_images/<#IMG_DIR#>/loading_anim.gif' border='0' alt='{$this->ipsclass->lang['ajax_loading_msg']}' />		<span style='font-weight:bold' id='loading-layer-text'>{$this->ipsclass->lang['ajax_loading_msg']}</span>		</div>	</div></div><!-- / Loading Layer --><!-- Msg Layer --><div id='ipd-msg-wrapper'>	<div id='ipd-msg-title'>		<a href='#' onclick='document.getElementById("ipd-msg-wrapper").style.display="none"; return false;'><img src='style_images/<#IMG_DIR#>/close.png' alt='X' title='Close Window' class='ipd' /></a>   <strong>{$this->ipsclass->lang['gbl_sitemsg_header']}</strong>	</div>	<div id='ipd-msg-inner'><span style='font-weight:bold' id='ipd-msg-text'></span><div class='pp-tiny-text'>{$this->ipsclass->lang['gbl_auto_close']}</div></div></div><!-- Msg Layer --></if><!-- / End board header -->

And here's the link to my forum: http://forums.xisto.com/no_longer_exists/

* Don't import the CSS. * Have a PHP script detect which browser is being used, then replace that area with a JavaScript mouseover effect.

I'm not really sure about any of this. Sorry, I am not very experienced.

If it is easier, like I suggested before, if there is an alternate drop down menu for IPB that I could use, that would be easier to use.

[Carson 0]

I apologize for the double post, but I have solved the problem. I moderator can now lock this topic.

The problem was this line of code here:

<li class="off"><a href="http://rmxpunlimited.trap17.com/">Home<span class="bottom">Home</span></a></li>

After I removed that line, the menus show up fine. Visit my forum in IE, the menus work great. Infact, I think they were designed for IE, ironically.

Thank you guys for all the support.