• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Fly-Out-Menü?

Status
Für weitere Antworten geschlossen.

coNOcer

Neues Mitglied
hallo zusammen,

folgende herausforderung für euch - mein prob ist ein dd menü das im FF richtig angezeigt würde nur nicht im sch.. (peep) verf..(peep) IE. Ich hab versucht das Prob selbst zu lösen - und jetzt sieht es auch im FF sch.. aus?
Da ich eher designe und nicht so viel mit code am hut hab, komme ich nicht weiter. unter folgendem link könnt ihr die test site finden Operating System One

Falls Ihr eine lösung für das prob habt, wäre ich sehr froh (sonst hab ich bald keine haare mehr auf dem kopf ;ugl (für ein paar optimierungen natürlich auch) vielen dank vorab!!!

hier die CSS (PS als editor benütze ich dw cs3 - leider)

Code:
/* ******************OS1 CSS Style for text****************** */

body {
    background-color: #FFFFFF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;
}

a:link {
    color: #FFFFFF;
    text-decoration: none;
    margin-left: 3px;
}
a:visited {
    color: #FFFFFF;
    text-decoration: none;
    margin-left: 3px;
}
a:hover {
    color: #326699;
    text-decoration: none;
    margin-left: 3px;
}
a:active {
    color: #cc6666;
    text-decoration: none;
    margin-left: 3px;
}

/* ******************OS1 CSS Style for navigation****************** */

#nav, #nav ul { /* all lists */
    padding-right: 4px;
    padding-left: 4px;
    margin: 0;
    list-style: none;
    line-height: 2;
}

#nav a {
    display: block;
}

#nav li { /* all list items */
    float: left;
    width: 5em; /* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
    position: absolute;
    background:#c8cddf;
    top: 179px;
    left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
    left: auto;
}

#content {
    clear: left;
    color: #FFFFFF;
}
 
Zuletzt bearbeitet:
Der IE6 kann :hover nur auf Links, nicht z.B. als li:hover.
Für den hat sich erwiesen, dass eine zusätzliche JavaScript-Lösung hermuss, um das selbe Ziel wie im FF zu erreichen.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben