Standard Mein Menü klappt erst einige Sekunden beim Aufruf der Webseite wieder zu !

macdesign

Habe ein neuesw Menü gebaut.
Siehe Webseite http://www.die-mosel.de
Bei allen Browsers ist das Menü einige Sekunden zu sehen, ehe es zuklappt.
Was ist da falsch gelaufen?
Im Dreamweawer in der Entwurfsansicht ist auch das ganze Menü mit all den Klappen zu sehen. Ist der JS Skript-Code falsch?

SpeedFire

ich weiß nicht viel von javascript aber
soweit ich weiß brauchen diese scripte immer etwas bis sie wirken.
schreibe in das dt Element

HTML

style="display:none;"

dann sollte es sofort weg sein;-)

macdesign

wo genau hinschreiben
style="display:none;

koslowski

Moin,

die Seite ist völlig unbenutzbar wenn JS deaktiviert ist.
JS für das Ausklappmenü braucht man eh nur für den IE6, um eine Klasse (.sfhover z.B.) zu generieren, da der IE6 :hover nur in Verbindung mit a versteht.
Eine Definitionsliste ist imho auch nicht sonderlich für Menüs geeignet.
In deinem Fall reicht eine verschachtelte <ul> .

macdesign

Ich habe inzwischen dieses Menü neu aufgebaut.
Hier der Link: http://www.die-mosel.de/aa/Pc/klappe.html
In allen richtigen Browser ist es so wie ich es haben wollte, nur im IE klappen die Fenster nach rechts auf und nicht nach unten. Was ist da wieder los?

wernerdeluxe

wie hast du die fenster, die aufklappen, positioniert?

Gruß
Lukas

macdesign

Hallo Lucas
hier der Css-code:

/* CSS Document */

Code

<style type="text/css" media="screen">
.pd_menu_01 {float:left; padding:0; margin:0;color: #FFFFFF;background: #fff;width:100%; border:solid 1px #004080;clear:both;} 
.pd_menu_01  a, .pd_menu_01 a:visited {
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bolder;
    font-size:12px;
    color: #006666;
    background-color: #FFFFFF;
    text-decoration: none;
    border-left: 1px solid #666666;
    height: 20px;
    width: auto;
    display: none;
}
.pd_menu_01 ul {
    padding:0px;
    margin:0;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
    background-color: #FFFFFF;
}
.pd_menu_01 ul li {
    position:relative;
    z-index:auto;
    z-index:1000;
    top: 0px;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    padding: 0px;
}
.pd_menu_01 ul li a {
    float:left;
    float:left;
    display:block;
    padding:0 10px;
    text-decoration:none;
    font-family: Arial, Helvetica, sans-serif;
}
.pd_menu_01 ul li ul {
    display:none;
    border:none;
    color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}
.pd_menu_01 ul li:hover a {
    text-decoration:none;
    color:#000000;
    font-family: Arial, Helvetica, sans-serif;
} 
.pd_menu_01 ul li:hover ul {
    display:block;
    position:absolute;
    z-index:999;
    top:19px;
    margin-top:1px;
    left:0;
    font-family: Arial, Helvetica, sans-serif;
}
.pd_menu_01 ul li:hover ul li a {
    display:block;
    line-height:1.1em
.em;
    margin-left:0px;
    padding:10px 5px;
    border-left:1px solid #999999;
    color: #333333;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
    height: 8px;
    width: 220px;
} 
.pd_menu_01 ul li:hover ul li a:hover {
    text-decoration:none;
    color:#FF3333;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
} 
.pd_menu_01 ul li a:hover {
    background-color:#FFFFFF;
    text-decoration:none;
    color:#999999;
    font-family: Arial, Helvetica, sans-serif;
}
.pd_menu_01 ul li a:hover ul {
    display:block;
    width:160px;
    position:relative;
    z-index:999;
    left:0;
    top: 10px;
    background: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 100;
}
.pd_menu_01 ul li a:hover ul li a {
    display:block;
    padding:10px;
    background-color:#FFFFFF;
    color:#FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: lighter;
} 
.pd_menu_01 ul li a:hover ul li a:hover {
    background-color:#FFFFFF;
    text-decoration:none;
    color:#FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
}
</style>

Alles anzeigen

wernerdeluxe

Hast du das Problem mittlerweile gelöst?

Hab mir die Seite grad mal angeschaut: FF IE7 und IE6, und da ist doch alles okay?!

Gruß
Lukas

macdesign

Es hat sich alles erledigt.
Ich baue meine Webseiten auf einen Mac.
Auf dem Mac G5 habe ich Virtual PC installiert. Und da war noch IE 5.5 installiert.
Als Du geschrieben hattest "IE6 und IE7 ist ok", dann war mir klar, das der alte noch auf Window XP installiert war.
Durch diesen kleinen Hinweis habe ich meine Probleme gelöst!
Wie findest Du mein Menu?
Jochen

wernerdeluxe

unübersichtlich

- würde gucken, ob man mit weniger navigationspunkte auskommt.
- kannst die boxen, die aufklappen auch breiter machen, damit manche menüpunkte nicht zwei zeilen oder mehr in anspruch nehmen.
- die menüpunkte in den boxen bitte nicht zentrieren. wenn du sie linksbündig machst ist es grad schon ordentlicher

gruß
Lukas

Tags