1 User liest/lesen diesen Beitrag: (0 Mitglieder, und 1 Gast). 1 Gast/Gäste
 
Themabewertung:
  • 0 Bewertungen - 0 im Durchschnitt
  • 1
  • 2
  • 3
  • 4
  • 5
Layer-Navigation funktioniert nicht in IE5 + 6
28.09.2010, 20:02, (Dieser Beitrag wurde zuletzt bearbeitet: 26.10.2010, 13:02 {2} von WB-Hilfe.)
Beitrag #1
Layer-Navigation funktioniert nicht in IE5 + 6
Jetzt probiere ich hier schon seit Stunden rum und habe einige Webseiten gewälzt ... Aber ich kriege es einfach nicht hin, dass mein Menü im IE5+6 ausklappt ...
Die Seite befindet sich unter girlscentre.com
Ich vermute es ist ein problem mit meine show/hide anweisungen auf die verschiedenen UL Elemente.
So sieht meine Menüstruktur aus:
Code:
<div id="navi" class="clearfix">
  
   <ul class="ullev1"><li><a href="http://www.girlscentre.com/pages/en/who-we-are.php" class="menu-expand menu-sibling menu-first navlev1">Who we are</a><ul class="ullev2"><li><a href="http://www.girlscentre.com/pages/en/who-we-are/about-us.php" class="menu-first navlev2">About us</a></li><li><a href="http://www.girlscentre.com/pages/en/who-we-are/the-people.php" class=" navlev2">The people</a></li><li><a href="http://www.girlscentre.com/pages/en/who-we-are/partners.php" class="menu-last navlev2">Partners</a></li></ul></li><li><a href="http://www.girlscentre.com/pages/en/what-we-do.php" class="menu-expand menu-sibling navlev1">What we do</a><ul class="ullev2"><li><a href="http://www.girlscentre.com/pages/en/what-we-do/one-year-training.php" class="menu-first menu-last navlev2">One Year training</a></li></ul></li><li><a href="http://www.girlscentre.com/pages/en/our-products.php" class="menu-sibling navlev1">Our Products</a></li><li><a href="http://www.girlscentre.com/pages/en/help-change-lives.php" class="menu-expand menu-sibling navlev1">Help change lives</a><ul class="ullev2"><li><a href="http://www.girlscentre.com/pages/en/help-change-lives/kenya-today.php" class="menu-first navlev2">Kenya today</a></li><li><a href="http://www.girlscentre.com/pages/en/help-change-lives/how-to-help.php" class="menu-last navlev2">How to help</a></li></ul></li><li><a href="http://www.girlscentre.com/pages/en/news-events.php" class="menu-expand menu-sibling navlev1">News &amp; Events</a><ul class="ullev2"><li><a href="http://www.girlscentre.com/pages/en/news-events/news.php" class="menu-first menu-last navlev2">News</a></li></ul></li><li><a href="http://www.girlscentre.com/pages/en/contact.php" class="menu-sibling menu-last navlev1">Contact</a></li></ul>   <br>
  </div>

Mein CSS-Ausschnitt:
Code:
/* Show and hide  */
#navi li:hover ul, #navi li a:focus ul, #navi li.subMenu ul {display: block;}
#navi li ul ul { display: none;}
#navi li:hover ul ul, #navi li.subMenu ul ul {display: none;}
#navi li:hover>ul, #navi li li:hover>ul, #navi li.subMenu>ul, #navi li li.subMenu>ul {display: block;  z-index: 1000;}


/* Positioning the Pop-out Drops*/
#menu li {position: relative;}

#menu ul ul ul {
    position: absolute;
    top: 1px;
    left: 100%;
}

/* IE6 only
*html #navi ul li ul li ul {margin-left:0 ! important;}*/

/* IE7 only
*+html #navi ul li ul li ul {margin-left:0 ! important;}*/


/* Better: */
#menu li:hover {
    z-index: 10000;    /* ...and here. this makes sure active item is always above anything else in the menu */
    white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)
                            see tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */
}

Kann mir irgendjemand eine Idee geben warum das nicht funktioniert??

Viele Grüße
istria
Diese Nachricht in einer Antwort zitieren


Gehe zu:


Kontakt | Websitebaker Hilfe | Nach oben | Zum Inhalt | Archiv-Modus | RSS-Synchronisation