WordPress.org

1. austerine
   Member
   Posted 1 year ago #

   Hi,

   I am currently working on the site http://www.ntcicfunds.com, and everything is working great in all browsers except for all versions of internet explorer. I am using the glassical theme, which has built into the style sheet ie 7 fixes, but they don't seem to be doing anything.

   If anyone has any advice for me that would be great. I honestly have no idea where to start with this.

   Thanks again

2. austerine
   Member
   Posted 1 year ago #

   I'm sorry to ask again but I still don't know what to do. My style sheet for navigation is as such:

   #navigation
   {
   	position:relative;
   	clear:both;
   	float:left;
   	width:960px;
   	margin:0 0 10px 0;
   	padding:10px 10px 0 10px;
   	background:url(images/navigation.png) top left;
   	list-style:none;
   
   	/*position:absolute;
   	bottom:10px;
   	right:0px;*/
   }
   
   #navigation li
   {
   	position:relative;
   	float:left;
   	margin:0;
   	padding:0;
   	width:auto;
   }
   
   #navigation li ul
   {
   	z-index:10;
   	position:absolute;
   	top:31px;
   	left:-9999px;
   	float:right;
   	margin:0;
   	padding:0;
   	list-style:none;
   	background:url(images/navigation_sub.png) top left;
   }
   
   #navigation li:hover ul
   {
   	left:0px;
   }
   
   #navigation li ul li, #navigation li ul li ul li
   {
   	float:left;
   	width:200px;
   	position: relative;
   }
   
   #navigation li a
   {
   	display: block;
   	float:left;
   	padding:8px 10px;
   	font-weight:bold;
   	text-transform:uppercase;
   	color:#FFF;
   }
   
   #navigation li ul li a
   {
   	width:170px;
   	margin:5px;
   }
   
   #navigation li ul li a:hover
   {
   	background:url(images/navigation.png) top left;
   }
   
   #navigation li ul li:hover
   {
   	background:none;
   }
   
   #navigation li:hover, #navigation li.current_page_item, #navigation li.current_page_ancestor
   {
   	background:url(images/navigation.png) top left;
   }
   
   #navigation li ul li ul, #navigation li:hover ul li ul
   {
   	top:0px;
   	left:-9999px;
   }
   
   #navigation li ul li:hover ul
   {
   	left:200px;
   }
   
   #navigation li.rss
   {
   	float:right;
   }

   and the fix for ie7 looks like this

   .ie7 #header { z-index:5; }
   .ie7 #navigation { float:none; }

   But the menu is still showing up as a list as opposed to a dropdown menu. I've searched everywhere and can't find anything to help. Any ideas would be greatly greatly appreciated!!! Thank you!!

Topic Closed

This topic has been closed to new replies.