tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
1
ZUGRIFFE
255
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    Devil/hes Devil/hes ist offline Mitglied Bronze
    Registriert seit
    Sep 2004
    Beiträge
    35
    Hi an alle,

    Ich habe folgendes Problem.
    Ich arbeite moment an einem Webshop und versuchen ihn bestmöglich umzusetzen.

    Mein Problem im moment ist das ich

    - a) Sehr viele png Grafiken verwende ( dafür benutze ich bereits einen png fix basierend auf javascript)

    und

    - b) ich ein menü verwende was über eine andere fläche mit einer emotionsleiste drübergelegt wird. An für sich kein Problem im FF im IE6 macht er's nicht.

    Jetzt hab ich versucht den Hovereverything htc behavior einzubauen was sich aber dadurch das ich ein Framework namens Wicket benutze nicht so einfach angehn lässt.

    Zu meiner Frage kann ich dieses Problem sonst irgendwie fixen?

    HTML-Code:
            <div id="obenmenu">
                <ul class="nomargin_nopadding">
                  <li>
    				<a href="#" wicket:id="homelink" class="hover1">
                	</a>			
                    <ul class="home">
                      <li>
                        <table width="820" border="0" cellspacing="0" cellpadding="0" height="250">
    .... in der tabelle kommt das menü
    HTML-Code:
      </table>
                      </li>
                    </ul>
                  </li>
                  <li> 
    				<a href="#" class="hover2" wicket:id="accountlink">
    				</a>
                  </li>
    und so weiter.

    Meine css file sieht für den abschnitt folgendermassen aus:

    HTML-Code:
    #obenmenu { border:0; margin:0; padding:0;}
    #obenmenu ul li ul.home {
    						position:absolute;
    						display:none;
    						margin:0;
    						padding:0;
    						left: 1px;
    						top: 97px;
    						width: 882px;
    						height: 243px;
    						
    						}				
    						
    ul li ul.home { display:none; }
    #obenmenu ul li:hover ul.home { display:block; }
    kann mir irgendwer sagen warum das ganze im FF läuft und im Internetexplorer nicht?
     

  2. #2
    Maik Tutorials.de Gastzugang
    Hi,

    der IE6 unterstützt (wie schon seine Vorgängerversionen aus dem vergangenen Jahrhundert) die allgemeine Pseudoklasse li:hover nicht, mit der das Menü eingeblendet wird, sondern kennt nur die Pseudoklasse für Links, also "a:hover".

    Abhilfe schaffen da Suckerfish Dropdowns, die dem IE mit etwas Javascript unter die Arme greifen, oder falls JS bei der Menüführung nicht erwünscht ist, Stu Nicholls' CSS-Dropdown-Menüs, die in der Kategeorie "Menus - Multi-Level CSS Only" zu finden sind.

    mfg Maik
     

Ähnliche Themen

  1. Antworten: 5
    Letzter Beitrag: 27.05.09, 15:22
  2. Einfach nur Menü einblenden bei mouseover
    Von Darian im Forum Javascript & Ajax
    Antworten: 2
    Letzter Beitrag: 23.05.08, 19:58
  3. Menü einblenden lassen Brauche Hilfe
    Von ITMario2005 im Forum Javascript & Ajax
    Antworten: 1
    Letzter Beitrag: 30.06.05, 20:21
  4. Menü einblenden lassen !! Brauche Hilfe
    Von ITMario2005 im Forum Java
    Antworten: 4
    Letzter Beitrag: 29.06.05, 11:18
  5. Dieses Menü! Einblenden und stehen lassen
    Von Ziya im Forum Flash Plattform
    Antworten: 2
    Letzter Beitrag: 23.04.04, 15:02