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

dropdown menu for IE


Reply

2 Posts   808 Views

Avatar
ph.kolb

6 March 2010 at 6:11am (Last edited: 8 March 2010 4:16am), Community Member, 1 Post

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

7 March 2010 at 5:05am Community Member, 279 Posts

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