Skip to main content

This site requires you to update your browser. Your browsing experience maybe affected by not having the most up to date version.

Template Questions /

Moderators: martimiz, Sean, biapar, Willr, Ingo, swaiba

dropdown menu for IE


Go to End
Reply


2 Posts   928 Views

Avatar
ph.kolb

Community Member, 1 Post

6 March 2010 at 6:11am

Edited: 08/03/2010 4:16am

hello,

I'm working on a dropdown menu, somehow i managed to make it work on Firefox, Safari and IE (Version XY on Windows 2000).

On all the other IE Versions it doesn't show the submenu <ul id="Menu2"> at all.

Seemingly it's a CSS problem. But after hours and hours on different blogs I still didn't figure it out.

I hope you can understand my question and I hope I posted in the right forum,
regards from switzerland.

The code (Menu2 is dynamic, Menu1 isn't):

div id="Menu1"><ul id="Menu1">
            <li class="Hom"><a href="">Home</a></li><li class="Team"><a href="">Team</a></li>
            <li class="Forschung"><a href="">Forschung</a></li><li class="Lehre"><a href="">Lehre</a></li>
            <li class="Info"><a href="">Infos</a></li><li class="Kontakt"><a href="">Kontakt</a></li></ul>	
            
<% if Menu(2) %>
  <ul id="Menu2">
    <% control Menu(2) %>
      <li class="$LinkingMode"><a href="$Link">$MenuTitle</a></li>
    <% end_control %>
  </ul>
<% end_if %></div>

CSS:

#Menu1 {
			float:left;
			width:160px;
			padding-right:50px;
			padding-left:10px;
			overflow:hidden;
			z-index:-1;
		
		}
				
			#Menu1 li {
				float:left;
				width:160px;
				height:21px;
				margin-bottom:5px;
				
			}
                        #Menu1 li a {
					display:block;
					color:#fff;
					font-size:1.3em;
					text-decoration:none;
					font-weight:normal;
					padding:3px 5px;
					
				}
#Menu2 {
	margin-top: -2px;
	padding-bottom:2px;
	float:left;
	overflow:hidden;
	background-color:#fff;
	z-index:5;
}
	#Menu2 li {
	background-color:#fff;
	}
	#Menu2 a {
		font-weight:normal;
		font-size:1.3em;
		line-height:1.6em;
		text-decoration:none;
	}

Avatar
baba-papa

Community Member, 279 Posts

7 March 2010 at 5:05am

Browser bugs are a shitty subject. Use a HTML/CSS framework to get rid of those problems.