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   858 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.