zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Submenue im IE nicht anwählbar....

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 05.06.2009, 14:33
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.06.2009
Beiträge: 10
Black-Solutions befindet sich auf einem aufstrebenden Ast
Standard 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:

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>
Kann mir da irgendjemand weiterhelfen?
Das will einfach nicht!
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 05.06.2009, 15:27
Benutzerbild von In4matiker
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 19.12.2005
Ort: Winterthur (Schweiz)
Beiträge: 158
In4matiker befindet sich auf einem aufstrebenden Ast
Standard

naja irgendwie klar - da sind satte 41 Fehler in dem bisschen Code.
Gröbsten Schnitzer ist sicher dass Du zwar li Elemente aufmachst aber selten schliessen tust. Oder dass Du gleich ul Tags vergisst.
Eine CSS Klasse "niederlenzerstrasse 25" zu nennen ist auch nicht gerade schön.
Und btw - Frameseiten sind sowas von out.

Erst mal das bereinigen, dann ein Validator zur Hand nehmen. Wenn es dann immer noch nicht geht ein Testcase online stellen (dein Code hier interessiert nicht so) und erst dann hier wieder schreiben.
__________________


Geändert von In4matiker (05.06.2009 um 15:30 Uhr)
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 05.06.2009, 15:32
Neuer Benutzer
neuer user
 
Registriert seit: 05.06.2009
Beiträge: 27
cheza befindet sich auf einem aufstrebenden Ast
Standard

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;
}
Das interpretiert der IE so, als hättest du den Bereich verlassen, ist ja der Außenabstand. Und damit ist der Mouseover-Effekt nicht gültig. Setze den Wert auf 0 (margin: 0; ) und schon funzt es. Willst du einen Abstand zwischen den Elementen, geht ja auch ein padding.

Geändert von cheza (05.06.2009 um 15:35 Uhr)
Mit Zitat antworten
  #4 (permalink)  
Alt 05.06.2009, 15:41
Benutzerbild von In4matiker
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 19.12.2005
Ort: Winterthur (Schweiz)
Beiträge: 158
In4matiker befindet sich auf einem aufstrebenden Ast
Standard

@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:
Listen sind Dvis, die bereits voreingestellte Eigenschaften haben
Du hast überhaupt nicht verstanden für was CSS gut ist - sonst würdest Du nicht so ein Unsinn schreiben. Ist ja gerade der Witz dass man mit CSS alle Elemente so einstellen/formatieren kann wie man will.
__________________


Geändert von In4matiker (05.06.2009 um 15:44 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 05.06.2009, 15:55
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi,

Zitat:
Zitat von cheza Beitrag anzeigen
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.
Eine Reihe von Links sind eine Aufzählung und das dafür zuständige XHTML-Element ist eine <ul><li></li></ul>.

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
Mit Zitat antworten
  #6 (permalink)  
Alt 05.06.2009, 16:39
Neuer Benutzer
neuer user
 
Registriert seit: 05.06.2009
Beiträge: 27
cheza befindet sich auf einem aufstrebenden Ast
Standard

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.
Mit Zitat antworten
  #7 (permalink)  
Alt 05.06.2009, 17:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.06.2009
Beiträge: 10
Black-Solutions befindet sich auf einem aufstrebenden Ast
Rotes Gesicht 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
Mit Zitat antworten
  #8 (permalink)  
Alt 05.06.2009, 18:12
Neuer Benutzer
neuer user
 
Registriert seit: 05.06.2009
Beiträge: 27
cheza befindet sich auf einem aufstrebenden Ast
Standard

Wie gesagt. Wenn du mit mouse-over Effekten arbeitest, dann achte darauf, dass du keine Margins hast. Diese gelten nicht mehr zum "ich bin über dem Element" hinzu,

Viel Erfolg
Mit Zitat antworten
  #9 (permalink)  
Alt 05.06.2009, 18:16
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.06.2009
Beiträge: 10
Black-Solutions befindet sich auf einem aufstrebenden Ast
Standard Danke vielmals

Ich werdes veruschen...

Danke nochmals!
LG
Natalie
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 05.06.2009, 18:22
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

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
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ä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


Alle Zeitangaben in WEZ +2. Es ist jetzt 15:11 Uhr.