Horizontales ausklappmenü wird im IE falsch angezeigt

GoGo · 19. Juni 2013 19:51

Hallo,
ich sitze hier und versuche den Fehler zu finden...

Ich habe ein ausklappbares Menü, das im FF, Opera und anderen richtig angezeigt wird, nur IE 10 (in den älteren Versionen auch), werden die Unterpunkte anstatt unter, rechts neben dem übergeordneten Menüeintrag angezeigt. Der obere Unterpunkt wird dazu noch von dem nächsten Eintrag rechts bedeckt.

Danke im Voraus. smile

Hier klicken, um den Code zum Kopieren zu markieren

[== css ==]
#primary-nav li li {  width: 160px; }

#primary-nav, #primary-nav ul { list-style: none; margin: 0; padding: 0 0 0 0;  }
#primary-nav ul { position: absolute; top: auto;  border-right: 4px solid #77787b; display: none; 
background-color:#939598; border-bottom: 3px solid #79787d; }
#primary-nav ul ul { margin-top: 10px; margin-left: -1px; left: 100%; top: 0;  }
	
#primary-nav li {  margin-left: -1px; float: left; border-bottom: 2px solid #ffffff;  }

#primary-nav li li { color: #fff; font-variant: normal;  margin-left: 0; margin-top: -2px; float: none; 
position: relative; border-bottom: 2px solid #ffffff; 
height: 40px; border-right: 2px solid #fff; white-space:nowrap; }

/* Styling the basic apperance of the menu elements */
#primary-nav a { display: block; margin: 0; text-decoration: none; color: #fff; font-size: 16px; line-height: 40px; text-align: center; font-family: Arial;
}

#primary-nav li a { background-color: #939598;  position: relative;  height: 41px; margin-right: 25px;  
border-right: 2px solid #fff; border-left: 2px solid #fff; font-weight: bold; padding-right: 15px; padding-left: 15px;
width: 140px;
}

#primary-nav li li a { font-size: 13px; line-height: 40px;  min-height: 40px; text-align: left;  padding-left: 40px; background-image: url(/uploads/images/layout/li.gif); background-repeat: no-repeat; 
background-position: 10px center; width: 115px;   }	
#primary-nav li, #primary-nav li.menuparent { background-image: none; }




/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */

#primary-nav li.menuactive {  }
#primary-nav li li.menuactive { }

span.underline { 


} 

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav ul li.menuparent, 
#primary-nav ul li.menuparent:hover, 
#primary-nav ul li.menuparenth { 
/* arrow for menuparents */
    }


/* Styling the apperance of menu items on hover */

#primary-nav li li a:hover {background-image: url(/uploads/images/layout/li_a.gif); background-repeat: no-repeat; background-position: 10px center; min-height: 40px;} 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh {background-image: url(/uploads/images/layout/li_a.gif); background-repeat: no-repeat; background-position: 10px center; }

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */

/* 
just add 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul ul ul,
for fourth level 
*/
#primary-nav ul, 
#primary-nav li:hover ul, 
#primary-nav li:hover ul ul, 
#primary-nav li.menuparenth ul, 
#primary-nav li.menuparenth ul ul { 
   display: none; 
}

/* add 
#primary-nav ul ul ul li:hover ul, 
#primary-nav ul ul ul li.menuparenth ul,
for fourth level
*/
#primary-nav li:hover ul, 
#primary-nav ul li:hover ul, 
#primary-nav ul ul li:hover ul, 
#primary-nav li.menuparenth ul, 
#primary-nav ul li.menuparenth ul, 
#primary-nav ul ul li.menuparenth ul { 
   display: block; 
}

/* IE Hacks */
#primary-nav li li { 
   float: left; 
   clear: both; 
}
#primary-nav li li a { height: 1%; }

mike-r · 19. Juni 2013 20:19

Kann man das mal in Aktion sehen?

GoGo · 19. Juni 2013 20:34

hier ist es :
momentan offline...

Die andere "Fehlern" nicht beachten, ist noch nicht fertig

Beitrag geändert von GoGo (20. Juni 2013 19:39)

GoGo · 20. Juni 2013 21:57

Hat sich erledigt!

mike-r · 21. Juni 2013 22:09

Was war es denn? Hatte mir das gestern mal angeschaut, aber da hast Du gleichzeitig dran rumgestrickt, dann hab ich das wieder gelassen.
btw zur Info: IE 8+9+10 liefen, IE7 traf Deine Beschreibung zu, IE6 ging (wahrscheinlich nach wie vor) garnix.

Forum für CMS/made simple

#1 19. Juni 2013 19:51

Horizontales ausklappmenü wird im IE falsch angezeigt

#2 19. Juni 2013 20:19

Re: Horizontales ausklappmenü wird im IE falsch angezeigt

#3 19. Juni 2013 20:34

Re: Horizontales ausklappmenü wird im IE falsch angezeigt

#4 20. Juni 2013 21:57

Re: Horizontales ausklappmenü wird im IE falsch angezeigt

#5 21. Juni 2013 22:09

Re: Horizontales ausklappmenü wird im IE falsch angezeigt

Fußzeile des Forums