Jump to content
xisto Community
Sign in to follow this  
Carson

Menu Errors In Internet Explorer

Recommended Posts

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:

Posted Image

 

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?

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.