|
|||
Submenue im IE nicht anwählbar....
Hallo Zusammen
Habe folgendens Problem Mein Submenue funkt in allen Browsern nur nicht im IE. CSS Code: Code:
body { background-color: #FFFFFF; padding-top: 100px; padding-left: 13px; font-family: Tahoma; text-align: left; font-weight: normal; font-size: 14px; display: block; } ul#navlist { font-family: Tahoma; letter-spacing: 2px; text-indent: 3px; margin-left: 0px; padding-top: 2px; color: #003399; } ul#navlist a { font-weight: normal; text-decoration: none; padding-top: 4px; padding-bottom: 4px; color: #003399; font-size: 14px; display: block; } ul#navlist, ul#navlist ul, ul#navlist li { margin: 3px 0px; padding-left: 0px; padding-top: 3px; list-style-type: none; } ul#navlist li { color: #003399; } ul#navlist li a:hover { color: #000000; font-style: normal; font-weight: 200; } ul#navlist li a:active { color: #000000; } ul#subnavlist { display: none; } ul#subnavlist li { float: none; } ul#subnavlist li { padding:0px; margin: 0px; text-align: left; letter-spacing: normal; display: block; } ul#navlist li:hover ul#subnavlist { display: block; position: relative; font-size: 13px; padding-top: 0px; } ul#navlist li:hover ul#subnavlist li { display: block; width: 20em; border: none; padding: 0px; text-align: left; font-weight: bold; } HTML-Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Bünzli Heuberger Ruedlinger</title> <link href="navigation.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="navcontainer"> <ul id="navlist"> <li id="active"><a href="main.html" target="mainFrame" id="current">Home</a> <li class="">Team <ul id="subnavlist"> <li class="">Bahnhofstrasse 15 <li id="subactive"><a href="werdegang_kb.html" target="mainFrame" id="subcurrent">Dr.iur. K. Bünzli</a></li> <li><a href="werdegang_mh.html" target="mainFrame">lic. iur. M. Heuberger</a></li> <li><a href="werdegang_ta.html" target="mainFrame">J.Tanner</a></li> <li><a href="werdegang_kab.html" target="mainFrame">MLaw K. Bürgisser</a></li> <li class="">Niederlenzerstrasse 25 <li><a href="werdegang_cr.html" target="mainFrame">C. Ruedlinger</a></li> <li><a href="werdegang_mur.html" target="mainFrame">M. Urech</a></li> </ul> </li> <li><a href="dienstleistungen.html" target="mainFrame">Dienstleistungen</a></li> <li class="">Kontakt <ul id="subnavlist"> <li class="">Bahnhofstrasse 15 <li id="subactive"><a href="kontakt_formular_kb_mh.php" target="mainFrame" id="subcurrent">Dr.iur. K. Bünzli</a></li> <li><a href="kontakt_formular_kb_mh.php" target="mainFrame">lic. iur. M. Heuberger</a></li> <li class="niederlenzerstrasse 25">Niederlenzerstrasse 25 <li><a href="kontakt_formular_cr.php" target="mainFrame">C. Ruedlinger</a></li> </ul> </li> <li><a href="news.html" target="mainFrame">News</a></li> <li><a href="links.html" target="mainFrame">Links</a></li> <li class="">Anfahrt <ul id="subnavlist"> <li id="subactive"><a href="zug.html" target="mainFrame" id="subcurrent">Zug</a></li> <li><a href="auto.html" target="mainFrame">Auto</a></li> </ul> </li> </body> </html> Das will einfach nicht! |
Sponsored Links |
Sponsored Links |
|
|||
Daran ist nicht nur der IE schuld... sondern auch der Programmierer.
Als erstes empfehle ich dir, dass du dir Notepad++ herunterlädst und installierst. Das erkennt die Syntax von HTML und CSS und ist kostenfrei. Viele deiner Listeneinträge, etc. sind nicht beendet worden (wo ist z.B. das Ende deines Div Tags???. Das erkennt der Browser zwar und schließt sie selbstständig, es kann aber zu Problemen kommen, wenn du mehrere Typen der gleichen Art verschachtelst (siehe Listenelemente). Zweiter Tip: Arbeite nicht mit ul bzw. li. Nutze stattdessen ganz normale formatfreie Elemente, wie Div bzw. Span. Listen sind Dvis, die bereits voreingestellte Eigenschaften haben. Wenn du sie nicht brauchst, dann reichen normale Abschnitte (div) aus. Doch konkret: Dass beim IE die Unterrubriken nicht aufgehen, liegt daran, dass es einen Zwischenraum zwischen den einzelnen Bereichen gibt. Willst du also von "Team" zu "Bahnhofstraße" deine Maus bewegen, verlässt du kurzzeitig den Bereich um "Team" und so schließt sich der mouseover-event. Das ist bei dir diese Zeile: Code:
ul#navlist, ul#navlist ul, ul#navlist li {navigation.css (Linie 41) list-style-type:none; margin:3px 0; <<<<<<<< DIESE DA MACHT ÄRGER padding-left:0; padding-top:3px; } Geändert von cheza (05.06.2009 um 15:35 Uhr) |
|
||||
@cheza: Zu deinem 2. Tipp: Ist soweit nicht korrekt. Er sollte unbedingt Listen (ul/li) verwenden (gehen natürlich auch die anderen Listen Elemente). Hat den Vorteil dass Leute ohne CSS die Seite auch noch halbwegs anständig lesen können (weil die Liste für sich eine logische Struktur vorgibt die man mit div und span nicht erreicht).
Deine Methode alles mit div und span zu machen endet in einer DIV Suppe und ist sehr schlechter Stil - genauso sollte man es eben NICHT machen. Ich sehe schon wie sich die Semantik Gurus aus dem Forum auf Dich stürzen werden... Zitat:
__________________
Geändert von In4matiker (05.06.2009 um 15:44 Uhr) |
|
||||
Hi,
Zitat:
Ein div ist ein neutrales Blockelement das dazu da ist, andere Blockemente zu gruppieren, um eine logische Struktur aufzubauen. span ist ein neutrales Inline-Element und wird meistens dazu benutzt, um innerhalb eines Blockelementes einem kleineren Bereich per CSS eine separate Gestaltung zukommen zu lassen. Der XHTML-Code sollte semantisch korrekt sein, schon hinsichtlich SEO-Optimierung. Ich weiss nicht von wem du den Tip hast, er grenzt aber an grobem Unfug.
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
|
|||
Zu den Divs:
Das ist reine Erfahrungssache. Kaum jemand benutzt CSS-freie Anwendungen... und wenn er es tut, hat er sonst an ganz anderen Stellen Probleme, die Seite zu nutzen (siehe Float Geschichten, Positioning Elemente, Einstufung der Relevanz über Farbgebung, Bilder als MenuItems, etc.). Zudem stellt dies nicht die optischen Anpassungen zurück, sondern setzt nutzt nur die Werte, die VOR CSS Zeiten benutzt wurden. Eine Liste ist also auch weiterhin ein Element mit Margin Werten, die ein margin-collapse auslösen. Die meiste Zeit und damit das meiste Geld habe ich damit verdient, dass "Gurus" dachten, sie könnten Kunden Internet und Intranet Portale zur Verfügung zu stellen und gut ist. In vielen Fällen kommt es aber über kurz oder lang dazu, dass so sehr am Code rumgepfuscht wurde (z.B. durch CMS, Versionsupdates, etc., bis dann eben solche Fehler (wie hier gezeigt) auftreten... und dieser hier ist noch harmlos. Erzeugt man ein Listenelement, so hat dies zur Folge, dass automatisch Padding und Margin Werte gesetzt werden. Diese müssen dann gezielt überschrieben werden, um optisch das zu erreichen, was eigentlich erwünscht ist. Da aber in über 90% die Fehler meist optischer Natur und nicht logischer Natur sind, empfehle ich eine optisch-orientierte und keine logisch-orierntierte Programmierung. Und da hier die logische Gruppierung erwähnt wurde... benutzt doch eigene Tagnamen, um eine logische Sortierung zu bekommen, Statt <li> also <listItem> oder (falls das wegen zur Zeit noch mangelhaften Unterstützung nicht erwünscht ist, eine exakte Klassifizierungs-Hierarchie. |
|
|||
Danke schon mal vorweg :-)
Naja ich werde das ganze wohl nochmals neumachen.
Hab sowieso den Überblick verloren.... irgendwie bin ich so durcheinander geraten, das das Teil jetzt im IE halbwegs funkt dafür in den anderen Browsern nicht mehr Aber danke euch für die Unterstützung.... LG Natalie |
|
||||
Hi,
schon mal was vom CSS-Reset gehört? Ich weiss ehrlich gesagt nicht was du daherredest, optischer Natur....., logischer Natur......; Wenn du vergißt die Lautsprecher einzuschalten hast du einen Fehler akustischer Natur, der mit einer Aktion mechanischer Natur wieder behoben werden kann. Wird der Ton somit erzeugt, werden automatisch Bass,- und Höhenwerte gesetzt. Diese müssen gezielt überschrieben werden, um akustisch das zu erreichen was gewünscht ist. Die Fehler sind in über 90% akustischer Natur, aber wenn du den Stecker ziehst, hörste garnix. Geh ich jetzt logisch, mechanisch oder akustisch vor?
__________________
Ein mehrfacher Gruß aus dem Südosten Klaus |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE6 Submenü Problem - WICHTIG! | infernalshade | Javascript & Ajax | 5 | 20.11.2008 14:58 |
Nur IE6 zerschießt Submenü meines Dropdown-Menüs | ribery | CSS | 0 | 25.10.2008 13:43 |
Submenü im IE nicht sichtbar | uspri | CSS | 0 | 27.07.2008 10:21 |
WordPress: Haupt- und Submenü seperat aunzeigen? | ultraalfred | Serveradministration und serverseitige Scripte | 3 | 15.06.2008 18:20 |
Submenü erstellen | Pino | CSS | 1 | 11.06.2008 16:06 |