Ergebnis 1 bis 9 von 9

Thema: IE6 Dropdownmenü

  1. #1
    Contao-Nutzer Avatar von Verena
    Registriert seit
    22.07.2009.
    Beiträge
    56

    Frage IE6 Dropdownmenü - ERLEDIGT

    Hallo zusammen,

    der IE6 wird zwar hoffentlich bald von der Bildfläche verschwinden, dennoch muss ich eine Seite, die ein Dropdownmenü verwendet, auch noch dort sichtbar machen.
    Da ich zwischenzeitlich alle möglichen Seiten nach entsprechender Hilfe durchforstet habe, wende ich mich jetzt doch noch direkt an euch und hoffe auf Hilfe.

    Derzeit sieht mein CSS wie folgt aus: (ggf. kann auf das ein oder andere verzichtet werden...)
    Code:
    /*********** Header Navigation ***********/
    #mainnav{padding-top:134px;padding-left:65px;font-size:12px;line-height:1;}
    #mainnav ul,#mainnav li{margin:0;padding:0;list-style-type:none;z-index:120;background-color:#ffffff;}
    #mainnav li{float:left;}
    #mainnav a{display:block;padding:8px 20px 9px 35px;font-weight:bold;color:#000000;background-image:url("http://www.wirtschaftsberatung-fath.de/wb/tl_files/wbf/images/menupunkt.gif");background-repeat:no-repeat;background-position:0px 7px;text-decoration:none;margin-right:12px;}
    #mainnav a:hover, #mainnav p.active{text-decoration:none;color:#77263c;font-weight:bold;padding:8px 20px 9px 35px;background-image:url("http://www.wirtschaftsberatung-fath.de/wb/tl_files/wbf/images/menupunktaktiv.gif");background-repeat:no-repeat;background-position:0px 6px;}
    #mainnav a.trail{text-decoration:none;color:#77263c;font-weight:bold;padding:8px 20px 9px 35px;background-image:url("http://www.wirtschaftsberatung-fath.de/wb/tl_files/wbf/images/menupunktaktiv.gif");background-repeat:no-repeat;background-position:0px 6px;}
    #mainnav span{display:block;margin:0px;padding:8px 18px 9px 17px;color:#000000;}
    #mainnav .level_1 ul{width:185px;left:-999em;position:absolute;}
    #mainnav .level_2 li{float:none;}
    #mainnav .level_2 a:hover{background-image:url("http://www.wirtschaftsberatung-fath.de/wb/tl_files/wbf/images/menupunktaktiv.gif");background-repeat:no-repeat;background-position:0px 7px;padding:8px 20px 9px 35px;}
    #mainnav li:hover .level_2{left:auto;z-index:120;background-color:#ffffff;}
    .subnav ul{margin:0;}
    .subnav li{padding-left:0;list-style-type:none;}
    .subnav p{display:inline;margin-bottom:0;}
    .subnav a.trail{text-decoration:none;color:#77263c;font-weight:bold;padding:8px 20px 9px 35px;background-image:url("http://www.wirtschaftsberatung-fath.de/wb/tl_files/wbf/images/menupunktaktiv.gif");background-repeat:no-repeat;background-position:0px 7px;}
    .subnav .level_2{margin-left:18px;}
    
    /**** fuer IE 7 ******/
    .headernav ul li:hover ul, .headernav ul li.sfhover ul{display:block;}
    .headernav ul li:hover ul ul, .headernav ul li.sfhover ul ul {display:none;}
    .headernav ul ul li:hover ul, .headernav ul ul li.sfhover ul {display:block;}
    #mainnav li:hover ul, #headernav li.sfhover ul {left: auto;}
    Durch die Hilfestellungen dachte ich eigentlich, dass der Teil für IE7 bereits für IE6 funktioniert... leider tut er das nicht. Für IE7 ergibt er allerdings eine etwas bessere Darstellung als zuvor.

    Wisst ihr was ich machen kann?
    Geändert von Verena (23.07.2009 um 09:27 Uhr)

  2. #2
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.529
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo Verena,

    ja der IE 6 kann ein hover nur auf Linkelemente anzeigen bzw nutzen. Um das Menü auch im IE6 zu nutzen, musst Du mit Javascript nachhelfen.

    Informationen findest Du im Wiki .
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  3. #3
    Contao-Nutzer Avatar von Verena
    Registriert seit
    22.07.2009.
    Beiträge
    56

    Standard

    Hi,

    danke für die schnelle Antwort.
    Ich hatte schon gelesen, dass ich JavaScript wohl nutzen muss.
    Dadurch habe ich dann auch folgende Funktion, die mir "empfohlen" wurde aufgenommen:

    Code:
    sfHover = function() {
      var sfEls = document.getElementById("header").getElementsByTagName("li");
      for (var i=0; i<sfEls.length; i++) {
            sfEls[i].onmouseover=function() {
                this.className+=" sfhover";
            }
            sfEls[i].onmouseout=function() {
                this.className=this.className.replace(new RegExp(" sfhover\\b"), "");
            }
        }
    }
    if (window.attachEvent) window.attachEvent("onload", sfHover);
    Scheinbar reicht das aber nicht - oder aber ich hab´s falsch eingebunden.
    Kannst du mir dazu noch was sagen?

  4. #4
    AG Pressearbeit
    Community-Moderator
    Buchautor 'Contao für Webdesigner'
    Avatar von planepix
    Registriert seit
    05.06.2009.
    Ort
    Stuttgart
    Beiträge
    6.529
    Partner-ID
    107
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo Verena,
    ist denn die Javascript-Datei im Seitenlayout eingebunden?
    Unter "Zusätzliche Head-Tags"?
    ---------------------------------
    Beste Grüße planepix
    Contao für Webdesigner (Website), Twitter: @contaowebdesign
    weitzeldesign
    Contao-Sprechstunde
    Contao Schulungen: https://www.weitzeldesign.com/cms-co...chulungen.html
    Contao Jahrbuch: www.contao-jahrbuch.de
    Contao Agenturtag: www.contao-agenturtag.de
    Contao Stammtisch Stuttgart: www.contao-stammtisch-stuttgart.de
    Contao 4 Erfahrungen als Gitbook: https://app.gitbook.com/@planepix/s/...-mit-contao-4/
    Contao 4 & Manager Hosterhinweise: https://github.com/contao/contao-manager/wiki

    Schon wieder ein Update?
    Glücklich sind die, die den Wert erkennen – und wertschätzen.
    „Muss man machen wie beim Zahnarzt. Der bestraft einen auch mit hohen Rechnungen wenn man die Pflege vernachlässigt.”

  5. #5
    Contao-Nutzer Avatar von Verena
    Registriert seit
    22.07.2009.
    Beiträge
    56

    Standard

    Hi planepix,
    eigentlich schon. Habs mit
    <script type="text/javascript" src="plugins/sfHover.js"></script>
    eingebunden.

  6. #6
    Contao-Yoda Avatar von MacKP
    Registriert seit
    15.06.2009.
    Ort
    Duisburg
    Beiträge
    13.293
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo Verena,
    ich habe festgestellt, das die Hammer Methode teilweise besser funktioniert beim IE6 ;-)

    Versuchs direkt mal mit diesem JavaScript: http://code.google.com/p/ie7-js/

    Dann hast direkt noch ein paar Extras mehr für den IE6 und kannst dem mehr schönes CSS unterschieben *g*

    Viele Grüße
    Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
    [Arbeitet bei -> Paus Design & Medien]
    "I can EXPLAIN it to you, but I can't UNDERSTAND it for you."

  7. #7
    Contao-Nutzer Avatar von Verena
    Registriert seit
    22.07.2009.
    Beiträge
    56

    Standard

    Hallo MacKP,

    danke für den Hinweis - hat geklappt.
    An den CSS-Änderungen muss ich jetzt wohl etwas basteln - er hat mir doch so einiges verschoben.
    Aber das wird jetzt wohl das kleinere Problem sein.

    DANKE

    Grüße
    Verena

  8. #8
    Contao-Yoda Avatar von MacKP
    Registriert seit
    15.06.2009.
    Ort
    Duisburg
    Beiträge
    13.293
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo Verena,
    sehr schön das es geholfen hat.

    Viel Erfolg noch ;-)
    Contao Pool | C-C-A | MetaModels | [Internetseite -> Mediendepot Ruhr]
    [Arbeitet bei -> Paus Design & Medien]
    "I can EXPLAIN it to you, but I can't UNDERSTAND it for you."

  9. #9
    Contao-Nutzer
    Registriert seit
    19.06.2009.
    Ort
    Düsseldorf
    Beiträge
    16

    Standard

    Hier auch noch eine beschriebene Vorgehensweise von Dr. Web, wie ich sie oft einsetze: http://www.drweb.de/magazin/das-perf...n-dimensionen/

    Ich hab zwar schon mal davon gehört, dass es wohl Besucher gibt, die .htc-Dateien über den Browser verbieten, bei meinen Kunden, Testusern, etc. hat das bisher jedoch noch nie Probleme bereitet.

    Viele Grüße
    Manu

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. Dropdownmenü FF2
    Von Thanatos im Forum Layout / Templates / Holy Grail
    Antworten: 0
    Letzter Beitrag: 06.12.2010, 07:10
  2. Dropdownmenü und IE7
    Von Johannes im Forum Layout / Templates / Holy Grail
    Antworten: 4
    Letzter Beitrag: 04.12.2010, 19:09
  3. Dropdownmenü im IE7
    Von cortona im Forum Layout / Templates / Holy Grail
    Antworten: 15
    Letzter Beitrag: 05.02.2010, 09:17

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •