Computerhilfen.de Logo
Forum
Tipps
News
Frage stellen

Navigationsleiste für IExplorer 8 und Firefox

Hallo Leute,

Seitdem der IExplorer 8 da ist, funktioniert meine aufklappbare Navigationsleiste nicht mehr.

Könnt ihr mir eine aufklappbare oder andere schicke Navigationsleiste anraten, die im IExplorer 8 und Firefox problemlos läuft, ohne den Kompabilitätsmodus einzuschalten?

Würd mich über eure Hilfe und Antworten freuen. Vielen Dank schon mal.

P.S. Arbeite mit nvu, also in html, javascript, css, noch kein php oder ähnliches


Antworten zu Navigationsleiste für IExplorer 8 und Firefox:

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

 

Zitat
funktioniert meine aufklappbare Navigationsleiste nicht mehr.
Ähmmm,    jaaaa, nee, klar. Die Navigatio 7das Menue stellen wir uns gerade vor.Virtuell, plastischerweise, das Script, auf welcher Basis auch immer, natürlich immer im zweiten (geistigen) Fenster zwecks "Codecheck". 

 
Zitat
Könnt ihr mir eine aufklappbare oder andere schicke Navigationsleiste anraten 
Auf jeden Fall. Nee, is klar ... Nimm einfach ein "Cross-Browser-Script", dann klappt das auch mit IE8! Nicht eindeutig?? Nein. Dann verrate uns doch erst einmal die URl, damit wir wirklich sehen können, was da bei Deiner Site wo wie und warum und mit welchem Browser "nicht tut". Andererseits bleibt nur die Empfehlung, browserunhabhängige Scripte zu verwenden.

Hallo PWT,

Schon mal danke für deine Antwort.

Hier der Link:

http://www.tambourkorps-elsenborn.herzeboesch.net

Im IE8 klappen die Ordner nicht mehr auf, nur wenn man den Kompabilitätsmodus anschaltet, und dass möchte ich ja vermeiden.

Was muss ich denn am Script ändern?

Hat dir diese Antwort geholfen?

Danke ButtonHilfreiche Antwort Button

Hallo,

was genau da schief laufen könnte, kann ich auch nicht sagen. Nur, dass du evtl. mal deinen DocType von Strict auf Transitional schrauben solltest - oder eben deinen Code entsprechend auf "Strict" trimmen, weil so zeigt der Validator erstmal 18 Fehler an. Mit Transitional nur 2... die du aber auch erst beseitigen solltest. Wenn das stimmt, probiere es nochmal mit dem IE8. Vielleicht hilft das schon. Wenn nicht, muss man sich das Script wohl genauer angucken.

http://validator.w3.org

Mario 8)

Hallo,

So die Fehler sind behoben, aber Navigationsleiste läuft immer noch nicht fehlerfrei in IE8.

Habe hier mal einen Teil des Scripts kopiert:


<style type="text/css" media="screen">
.pd_menu_01 {float:left; padding:0; margin:0;color: #FFFFFF;background: #0000A0;width:968px; border:solid 1px #004080;clear:both;} /*Color navigation bar normal mode*/
.pd_menu_01 a, .pd_menu_01 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-style:normal;
font-weight:bold;
font-size:12px;
color: #FFFFFF;
background-color: #0000A0;
text-decoration: none;
}
.pd_menu_01 ul {list-style-type:none;padding:0; margin:0;}
.pd_menu_01 ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px #004080; }
.pd_menu_01 ul li a {color: #FFFFFF;background: #0000A0;float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:30px; line-height:30px; padding:0 10px 0 10px; text-decoration:none; }
.pd_menu_01 ul li ul {display:none; border:none;color: #FFFFFF;background: #0000A0;}
.pd_menu_01 ul li:hover a {background-color:#008000; text-decoration:none; color:#FFFF00;} /*Color main cells hovering mode*/
.pd_menu_01 ul li:hover ul {display:block; position:absolute; z-index:999; top:29px; margin-top:1px; left:0;}
.pd_menu_01 ul li:hover ul li a {display:block; width:12em; height:auto; line-height:1.3em; margin-left:-1px; padding:5px 10px 5px 10px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#0000FF; color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/
.pd_menu_01 table {position:absolute; top:0; left:0; border-collapse:collapse;color: #FFFFFF;background: #0000A0;}
.pd_menu_01 ul li a:hover {background-color:#008000; text-decoration:none;color:#FFFF00;} /*Color main cells hovering mode*/
.pd_menu_01 ul li a:hover ul {display:block; width:12em; position:absolute; z-index:999; top:29px; left:0; }
.pd_menu_01 ul li a:hover ul li a {display:block; width:12em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px #004080; border-bottom: solid 1px #004080; background-color:#0000FF; color:#FFFFFF;} /*Color subcells normal mode*/
.pd_menu_01 ul li a:hover ul li a:hover {background-color:#CA0000; text-decoration:none;color:#FFFF00;} /*Color subcells hovering mode*/
  </style>
</head>

Für mich ist dass ehrlich gesagt alles "chinesisch", kapiere die javascript Sprache einfach nicht.

Gibt's hier kluge erfahrende Menschen, die sich damit auskennen? Ich wäre euch sehr dankbar.



 

... kapiere die javascript Sprache einfach nicht ...
Brauchst Du auch nicht, CSS lernen reicht für's erste :-)

Also zunächst werden Stylesheets heute in der Regel ausgelagert. Außerdem sind dank CSS, Tabellen heute nicht mehr zum 'layouten' gedacht. Was die Listennavigation betrifft, so ist diese nicht korrekt verschachtelt bzw. die Tags sind nicht korrekt geschlossen.

 ... insofern murrt der IE8 vollkommen zurecht. Generell würde ich eine Navigationslösung bevorzugen, die ohne separate Anweisungen für den IE auskommt.

hab grad wenig Zeit, valide ist es ja alles, check mal die height´s im im css. Hier liegt der Hase im Pfeffer...

 


« HTML Seite mit Passwort ausstattenNeuer Sever »
 

Schnelle Hilfe: Hier nach ähnlichen Fragen und passenden Tipps suchen!

Fremdwörter? Erklärungen im Lexikon!
Firefox
Firefox (auch: Mozilla Firefox) ist ein kostenloser, von Mozilla entwickelter Open-Source Browser, der neben dem Google Chrome, Apple Safari und dem Microsoft Internetexp...

AppleScript
AppleScript ist eine Programmiersprache von Apple für Skripte und Programme auf Systemebene. Im Gegensatz zu den Unix-Shellscripts, die seit OS X ebenfalls mögl...

Javascript
Javascript ist eine von Netscape entwickelte Skriptsprache für den Einsatz für DOM-Scripting auf Webseiten. Nahezu alle Browser- und Webseiten-Elemente lassen s...