[gelöst] Problem mit CSSMenu-Vertical, in 2ter Ebene flieg ich raus aus dem menü

[Speedfreak]

Hi Leute!

Hab zwar schon die Suche gequält aber leider nichts passendes gefunden!
Hab folgendes Problem mit dem CSSMenu - Vertical, wenn ich jetzt in meinem menü die zweite ebene aufmache entsteht in der auflistung immer unter dem aktiven feld ein kleiner spalt, wenn man nun mit der maus darüber fährt um ein feld darunter anzuwählen hüpft er automatisch aus dem menü raus.....

seht selbst http://www.speedfreaksteamgraz.at/cms/

liegt auch warscheinlich an dem ie browser nur die seite muss auf allen browsern navigierbar sein sonst hat sie ja keinen sinn *g*

Danke schon mal jetzt für eure Hilfe!

mfg
martin

[Speedfreak]

hat hier niemand nen Tip für mich??? 

[NaN]

Das liegt definitiv am IE.
Im FF ist nämlich alles okay.
Hast Du am CSS für das Menü mit Ausnahme der Farben sonst nochwas geändert?
Eventuell mal die CSS-Verknüpfungen bei den original Beispiel-Templates vergleichen.
Dort gibt es ein Template "Accessibility and Crossbrowser Tools" (oder so).
Das sollte eingentlich derartige Fehler verhindern.

[mike-r]

Welcher IE genau soll das sein? Im IE6 kann ich das nicht nachvollziehen, IE7 hab ich gerade nicht da.
Ein Screenshot wäre ganz hilfreich...

[NaN]

Welcher IE genau soll das sein? Im IE6 kann ich das nicht nachvollziehen, IE7 hab ich gerade nicht da.
Ein Screenshot wäre ganz hilfreich...

IE 7.
Ein Screenshot bringt da nicht viel. Es geht nur um den Abstand zwischen den Listenpunkten. Da ist ein Pixel dazwischen. Somit klappt das Menü immer wieder zusammen, wenn man mit der Maus auf einen anderen Menüpunkt in der zweiten Ebene will.

Evtl. hilft es, erstmal global alle Abstände auf Null zu setzen. Notier mal im Stylesheet ganz am Anfang:

Code: Select all

*
{
   padding:0;
   margin: 0;
}

[Speedfreak]

ok ich probier das mal

[Speedfreak]

ähh sorry aber des haut auch net hin!

Komischerweise ist das Problem nur bei mir Im IE 7 und im Avant Browser 11.5



mfg martin

[Speedfreak]

Hier nochmal mein Coding für das Stylesheet vielleicht hab ich auch zuviel gespielt mit den Werten?!?!

Code: Select all

/* Vertical menu for the CMS CSS Menu Module */
/* by Alexander Endresen */


/* The wrapper determines the width of the menu elements */
#menuwrapper { 
   width: 100%; 
}

*
{
   padding:0;
   margin: 0;
}



/* Unless you know what you do, do not touch this */ 
#primary-nav, #primary-nav ul { 
   list-style: none; 
   margin: 0px; 
   padding: 0px; 
   width: 100%; 
   margin-left: -1px;
}
#primary-nav ul { 
   position: absolute; 
   top: 0; 
   left: 100%; 
   display: none; 
}
#primary-nav li { 
   margin-bottom: -1px; 
   position: relative; 
}


/* Styling the basic apperance of the menu elements */
#primary-nav a { 
   border: 1px solid #006699; 
   display: block; 
   margin: 2; 
   padding: 5; 
   color: #FFFFFF;
   text-decoration: none; 
   background: ; 
   min-height:10px; /* Fixes IE7 whitespace bug*/ 
}
#primary-nav li, #primary-nav li.menuparent { 
   background-color: #000000; 
   min-height:10px; /* Fixes IE7 bug*/
}


/* Styling the basic apperance of the active page elements (shows what page in the menu is being displayed) */
#primary-nav li.menuactive { 
   background-color: #000000; 
}

/* Styling the basic apperance of the menuparents - here styled the same on hover (fixes IE bug) */
#primary-nav li.menuparent, 
#primary-nav li.menuparent:hover, 
#primary-nav li.menuparenth { 
   background-image: url(images/cms/); 
   background-position: center right; 
   background-repeat: no-repeat; 
}


/* Styling the apperance of menu items on hover */
#primary-nav li:hover, 
#primary-nav li.menuh, 
#primary-nav li.menuparenth, 
#primary-nav li.menuactiveh { 
   background-color: #FF8C00; 
}


/* The magic - set to work for up to a 3 level menu, but can be increased unlimited */
#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; 
}
#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 Hack, will cause the css to not validate */

#primary-nav li, #primary-nav li.menuparenth { _float: left; _height: 1%; }
#primary-nav li a { _height: 1%; }


/* section header */
#primary-nav li.sectionheader {
   border-left: 1px solid #006699; 
   border-top: 1px solid #006699; 
   font-size: 130%;
   font-weight: bold;
   padding: 0;
   background-color: #000000;
   margin: 0;
   width: 100%;
}


/* separator */
#primary-nav li hr.separator {
   display:block;
   height: 0.5em;
   color: #abb0b6;
   background-color: #000000;
   width: 100%;
   border:0;
   margin:0;
   padding:0;   
   border-top: 1px solid #006699;
   border-right: 1px solid #006699;
}

mfg martin

[mike-r]

Das Problem liegt nicht im CSS sondern in irgendeinem Deiner Scripte.
Wenn Du Javascript mal deaktivierst, siehts Du das.

[NaN]

Der IE 7 braucht für das CSS Menü eigentlich kein JavaScript.
Demzufolge müsstest Du in Deinem Template lediglich am Anfang, wo das Script für den IE eingebunden wird anstelle von

Code: Select all

<!--[if IE]>

folgendes notieren:

Code: Select all

<!--[if lte IE 6]>

[Speedfreak]

Perfekt!!!!!!!

Das hat das Problem gelöst!

Danke vielmals!!!