WPML » Topic: [] IE not showing menu items http://wpml.org/forums/topic/ie-not-showing-menu-items/feed/ http://bbpress.org/?v=2.1.2 http://wpml.org/forums/topic/ie-not-showing-menu-items/#post-11445 <![CDATA[IE not showing menu items]]> http://wpml.org/forums/topic/ie-not-showing-menu-items/#post-11445 Wed, 29 Jul 2009 17:47:15 +0000 toff IE 7.0.5730 is displaying the top level menu items, but the drop-down portion is not working as it should. Firefox, Safari and Chrome have no problems. I have surfed the wpml site with my IE 7 and the drop-down menu example you have seems to work just fine. The logical conclusion is that I have a conflict in my site CSS that is interfering with the menu system. quick summary of my current CSS below:
<pre> 
body {position:relative;margin:0 auto;text-align:center;}
.a1 {width:100%; text-align:center; background:#ded6b4; height:40px;}
.a2 {width:800px; text-align:left; background:#ded6b4; height:40px;margin:0px auto;}
.a3_home {width:100%; text-align:center; background: #000; height:322px; position:relative; z-index:-8;}
.a3 {width:100%; text-align:center; background: #000; height:199px; position:relative; z-index:-8;padding:0;}
.a4_home {width:1000px; text-align:left; height:322px; position:relative; z-index:-4;margin:0px auto;}
.a4_img {z-index:-4;position:relative;bottom:0px;padding:0;}
.a4 {width:1000px; text-align:left; height:100px; position:relative; z-index:-4;margin:0px auto;}
.a5_home {width:250px; height:173px; background:#ded6b4; position:absolute; top:157px; left:380px;border: 5px #fff solid; z-index:10;vertical-align:text-top;}
.a6_home {width:350px; height:75px; position:absolute; top:222px; left:650px; background:#fff; z-index:-3; text-align:left;}
.a6 {width:350px; height:78px; position:absolute; top:151px; left:625px; background:#fff; z-index:-3; text-align:left;}
.a7 {width:200px; position:relative; left:0px; top:5px; background:#fff; text-align:left;}
.ax_home {width:50%; height:136px; position:absolute; top:189px; right:0px; background:#fff; z-index:-6; border-top:10px #990000 solid;text-align:left;}
.ax {width:50%; height:92px; position:absolute; top:107px; right:0px; background:#fff; z-index:-16; border-top:10px #990000 solid;text-align:left;}
.a8 {width:100%; text-align:center; background: #fff;}
.a9 {width:800px; text-align:left; background:#fff;margin:0px auto;}
.a10 {width:100%; text-align:center; background: #990000; height:40px;}
.a11 {width:1000px; text-align:center; background:#990000; height:40px;margin:0px auto;}

</pre>
current HTML summary below:
<pre> 

<html>
<body>
<div class="a1">
	<div class="a2"><?php do_action('icl_navigation_menu'); ?></div>
</div>
<div class="a3_home">
	<div class="a4_home">
        <img src="" class="a4_img">
		<div class="a5_home">&nbsp;</div >
		<div class="a6_home">
			<div class="a7">&nbsp;</div >
		</div >
	</div >
	<div CLASS="ax_home">&nbsp;</div>
</div>

<div class="a8">
	<div class="a9">&nbsp;</div>
</div>
<div class="a10">
	<div class="a11">&nbsp;</div>
</div>
</body>
</html>

</pre>
where would I look and what should I look for to try and resolve the IE-only issue?

]]> http://wpml.org/forums/topic/ie-not-showing-menu-items/#post-11447 <![CDATA[]]> http://wpml.org/forums/topic/ie-not-showing-menu-items/#post-11447 Thu, 30 Jul 2009 11:41:24 +0000 Mihai Can you please add a link to your site here?
Also – does http://wpml.org look ok in your IE7? (trying to see if it's problem particular to your browser OR your site)

]]> http://wpml.org/forums/topic/ie-not-showing-menu-items/#post-11448 <![CDATA[]]> http://wpml.org/forums/topic/ie-not-showing-menu-items/#post-11448 Thu, 30 Jul 2009 13:03:25 +0000 toff yes, wpml.org looks fine on my version of IE 7 (and all of my other browsers as well), its just my specific page that is not working in my IE 7. I even tested my wordpress page on IE 6 and the dropdowns work fine. So far, IE7 is the only browser that will not display the dropdowns. I'm assuming that there is something on my page that conflicts with your CSS code (z-index or something like that). Evidently, it only conflicts with IE 7 (or at least my version of IE 7).

]]> http://wpml.org/forums/topic/ie-not-showing-menu-items/#post-11449 <![CDATA[]]> http://wpml.org/forums/topic/ie-not-showing-menu-items/#post-11449 Thu, 30 Jul 2009 13:17:59 +0000 Mihai Try adding a DOCTYPE.
e.g.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

at the very top of the page
I've tested this locally and the menu shows. Not sure how this will affect other stuff on you site. Fact is however that it's a good practice to specify the a DOCTYPE

]]> http://wpml.org/forums/topic/ie-not-showing-menu-items/#post-11450 <![CDATA[]]> http://wpml.org/forums/topic/ie-not-showing-menu-items/#post-11450 Thu, 30 Jul 2009 13:58:44 +0000 toff doctype it is. good call. everything shows up fine now. I will definitely remember that in the future.
thank you for the help.

]]>