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

Probleme mit Menü und Flashplayer im Internet Explorer

Wenn du #menu a jetzt wieder die alte Hintergrundfarbe gibst sollte es funktionieren.

Background-color von #menu ul darf ruhig verdeckt sein.
 
Hallo WeMa,

ich hab den (die) Fehler!

1. Habe ich das nicht von dir kopiert, sondern selbst strukturiert.

2. Wo ist der Unterschied, ob ich es mit Tabulator oder Leerzeichen mache?

1. ist es unnötige Datenmenge
2. ist es doch mal ein Leerzeichen mehr oder weniger, was bei der Tiefe der
Verschachtelung zu einem Fehler führen kann...

3. Verstehe ich einfach nicht, was jetzt noch an der Strukturierung falsch sein soll. Ich habe doch jetzt immer die entsprechenden <ul></ul> untereinander und die entsprechenden <li></li>...

z.B. hast Du nach "Jugendeurythmie" plötzlich viel stärker eingerückt.

Ich hab mir jetzt die Mühe gemacht, mir Deine Dateien auf meinen Arbeitsrechner
zu ziehen, sie dort ordentlich eingerückt und experimentiert...

Der Fehler liegt in Deinem CSS!

Code:
#menu a, #menu h2 {
font: 16px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif;
display: block;[COLOR=Red][B];[/B][/COLOR]
border-width: 0px;

margin: 0;
padding: 8px 3px;
}
das Semikolon hat vermutlich keine Auswirkung, aber ordentliche Arbeit sieht anders aus.

Code:
#menu [COLOR=Red][B]ul[/B][/COLOR] ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu [COLOR=Red][B]ul[/B][/COLOR] ul ul,
div#menu [COLOR=Red][B]ul[/B][/COLOR] ul li:hover ul ul,
div#menu [COLOR=Red][B]ul[/B][/COLOR] ul ul li:hover ul ul 
{display: none;}

div#menu [COLOR=Red][B]ul[/B][/COLOR] ul li:hover ul,
div#menu [COLOR=Red][B]ul[/B][/COLOR] ul ul li:hover ul,
div#menu [COLOR=Red][B]ul[/B][/COLOR] ul ul ul li:hover ul
{display: block;}
die roten ul sind zu viel, diesen Fehler hattest Du durch das zusätzliche <ul> ausgeglichen!

Grüße
Bernhard
 
Danke

Ok, das leuchtet mir ein. ich werde ab jetzt immer Tabulator verwenden! :-)

Es funktioniert!! Vielen vielen vielen Dank, dass du so viel Zeit investiert hast mir zu helfen!! Ich habs endlich verstanden und es funktioniert. DANKE!
 
Sowas sieht mann mit den Developer-Werkzeugen natürlich nicht ;) .
Damit werden mir nur die Klassen angezeigt die auch dem Element zugeordnet sind.

#menu a braucht aber trotzdem zoom oder eine andere Eigenschaft die layout auslöst (z.B min-height).
 
Es hat mich jetzt einfach interessiert, weil es einfach nicht sein konnte, dass es
mit invalidem HTML funktioniert und mit validem nicht.

ich hatte ja auch schon mit Developer-Tools dran experimentiert, das wird aber
unübersichtlich, wenn man gleichzeitig HTML und CSS bearbeiten möchte...

Grüße
Bernhard
 
Zurück
Oben