|
|||
Submenu wird wegeblendet
Hey leute ... ich bin ganz frisch hier weil mir sonst niemand helfen konnte oder die foren einfach kaum "besucht / betrachtet" wurden.
ich hab gerade unsere firmenhomepage neu aufgebaut die ansich auch wunderbar läuft. Allerdings gibbet im IE6 und IE7 probleme mit meinem Submenu. Hier erstmal ein paar testlinks Website mit Div-SubMenu Website mit Listen-SubMenu Website mit Div-SubMenu (von der struktur was vereinfacht) Website mit Listen-SubMenu (von der struktur was vereinfacht) Im Firefox sollte niemand Probleme mit dem Submenu haben. Im IE (ganz egal welcher) wird das SubMenu sofort wegeblendet sobald man den ersten link verlässt (man hovert also über den hauptpunkt -> das submenu erscheint -> geht man (vorsichtig) über den ersten link passiert noch nix ... erreicht man den zweiten wird das SubMenu weggeblendet.) hier mal ein paar codeschnipsel .... aber ich kann mir nicht vorstellen, dass hier der fehler liegt: CSS: Code:
.topmenu, .topmenu_last{ float:left; position:relative; text-align:center; width:97px; /*background-image:url(../pics/button.jpg); background-repeat:no-repeat;*/ padding-top:0px; font-size:11px; font-style:italic; font-weight:bold; z-index:1; } .topmenu a,.topmenu_last a{color:#353535;} .topmenu_last {background-image:url(../pics/button_kontakt.jpg);} .topmenu:hover .subnavi_holder, .topmenu_last:hover .subnavi_holder{ display:block; } .topmenu a:hover,.topmenu_last a:hover{ color:#fe7d1b; } /* .subnavi_holder{ position:absolute; width:177px; top:123px; left:0; display:none; #display:none; z-index:50; }*/ .subnavi_holder{ /*border:1px solid red;*/ display:none; left:0; padding-top:123px; position:absolute; top:0; width:177px; z-index:200; } .subnavi{ background-image:url(../pics/subnavi_kachel.jpg); background-repeat:repeat-y; } .sublink{ text-align:left; width:157px; padding:2px 10px; psoition:relative; } HTML-Code:
<div id="topmenu_firmenprofil" class="topmenu"> <a href="#"></a> <div class="subnavi_holder"> <div class="subnavi"> <div class="subnavi_top"/> <div class="sublink"> <a class="sk" onclick="this.blur();" href="index.php?kid=2&skid=4">Eine gesunde Mischung</a> </div> <div class="sublink"> <a class="sk" onclick="this.blur();" href="index.php?kid=2&skid=5">Mahlzeit aus der Dose</a> </div> <div class="sublink"> <a class="sk" onclick="this.blur();" href="index.php?kid=2&skid=6">Kreativabteilung in 3D</a> </div> <div class="subnavi_footer"/> </div> </div> </div> vlt. kann mir ja wer von euch helfen ... ich hänge schon seit tagen an dem problem .... |
Sponsored Links |
|
||||
Wenn ich das jetzt richtig sehe, dann kann das nicht funktionieren, da der IE die Pseudoklasse hover nur auf Links angewendet versteht. Du musst dein Markup also so umschreiben, dass du einen Link um die Submenuliste legst, bei dessen Überfahren dann diese Liste sichtbar wird.
Für den IE6 müssen da glaube ich noch Tabellen drum, da gabs mal einen Artikel bei A List Apart darüber. Edit: es war nicht auf ALA sondern auf cssplay: Stu Nicholls | CSSplay | Validating drop down cross-browser menu Geändert von David (05.02.2009 um 12:21 Uhr) |
|
|||
leute ... dass der IE6 nicht mit div und hocvver klar kommt weiß ich selber ... dafür hab ich ja meine csshover.htc datei (die ermöglicht das hovern).
aber es scheint mir so als hättet ihr nur die ersten 2 zeilen gelesen da ich ja eindeutig geschrieben habe, dass das menu einblendet ... ich habs inzwischen auch gelöst bekommen indem ich in der navi ALLE Divs rausgeschmissen hbae und sie durch UL / LI s ersetzt habe ... nu8n funzt es ... warum weiß ich selber net |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE6 visible Submenu bei overflow | jahrome | CSS | 34 | 14.10.2010 10:25 |
Submenu. Welche Fehler habe ich drin? | yamzik | CSS | 1 | 08.12.2009 10:28 |
Submenu Positionierung | Chrunchy | CSS | 19 | 27.05.2008 17:28 |
Submenu | RainerCallmund | Javascript & Ajax | 2 | 09.08.2006 00:39 |
Cascadieren für aktiven Eintrag in Submenu Win-IE | Bulldog | CSS | 5 | 15.05.2006 19:19 |