ich habe ein Problem.
ich habe von SELFHTML dieses menü meinen wünschen angepasst...
HTML-Quellcode
- <html>
- <head>
- <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
- <title>Name der aktuellen Seite</title>
- <style type="text/css">
- body {
- font: normal 100.01% Helvetica, Arial, sans-serif;
- color: black; background-color: #ffffe0;
- }
- div#Rahmen {
- width: 47.1em;
- padding: 0.8em;
- border: 1px solid black;
- background-color: silver;
- }
- * html div#Rahmen { /* Korrektur fuer IE 5.x */
- width: 48.7em;
- w\idth: 47.1em;
- }
- div#Rahmen div {
- clear: left;
- }
- ul#Navigation {
- margin: 0; padding: 0;
- text-align: center;
- }
- ul#Navigation li {
- list-style: none;
- float: left; /* ohne width - nach CSS 2.1 erlaubt */
- position: relative;
- margin: 0.4em; padding: 0;
- }
- * html ul#Navigation li { /* Korrektur fuer den IE 5 und 6 */
- margin-bottom: -0.4em;
- }
- *:first-child+html ul#Navigation li { /* Korrektur fuer den IE 7 */
- margin-bottom: -0.1em;
- }
- ul#Navigation li ul {
- margin: 0; padding: 0;
- position: absolute;
- top: 1.6em; left: -0.4em;
- display: none; /* Unternavigation ausblenden */
- }
- * html ul#Navigation li ul { /* Korrektur fuer IE 5.x */
- left: -1.5em;
- lef\t: -0.4em;
- }
- *:first-child+html ul#Navigation ul { /* Workaround fuer den IE 7 */
- background-color:silver; padding-bottom:0.4em;
- }
- ul#Navigation li:hover ul {
- display: block; /* Unternavigation in modernen Browsern einblenden */
- }
- ul#Navigation li ul li {
- float: none;
- display: block;
- margin-bottom: 0.2em;
- }
- ul#Navigation a, ul#Navigation span {
- display: block;
- width: 6.4em; /* Breite den in li enthaltenen Elementen zuweisen */
- padding: 0.2em 1em;
- text-decoration: none; font-weight: bold;
- border: 1px solid black;
- border-left-color: white; border-top-color: white;
- color: maroon; background-color: #ccc;
- }
- * html ul#Navigation a, * html ul#Navigation span {
- width: 8.6em; /* Breite nach altem MS-Boxmodell fuer IE 5.x */
- w\idth: 6.4em; /* korrekte Breite fuer den IE 6 im standardkompatiblen Modus */
- }
- ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
- border-color: white;
- border-left-color: black; border-top-color: black;
- color: white; background-color: gray;
- }
- li a#aktuell { /* aktuelle Rubrik kennzeichnen */
- color: maroon; background-color: silver;
- }
- ul#Navigation li ul span { /* aktuelle Unterseite kennzeichnen */
- background-color: maroon;
- }
- </style>
- </head>
- <body>
- <h1 id="Beispiel">Name der aktuellen Seite</h1>
- <div id="Rahmen"><ul id="Navigation">
- <li><a href="#Beispiel">Geschichte</a></li>
- <li><a href="#Beispiel">Aufbau</a></li>
- <li><a href="#Beispiel">Gitarrentypen</a>
- <ul>
- <li><a href="#Beispiel">Akustik</a></li>
- <li><a href="#Beispiel">E-Gitarre</a></li>
- <li><a href="#Beispiel">F-Loch</a></li>
- </ul>
- </li>
- <li><a id="aktuell" href="#Beispiel">Anwendungen</a>
- <ul>
- <li><a href="#Beispiel">Rock</a></li>
- <li><span>Jazz</span></li>
- <li><a href="#Beispiel">Klassik</a></li>
- </ul>
- </li>
- <li><a href="#Beispiel">Impressum</a></li>
- </ul><div></div></div>
- </body>
- </html>
es funktioniert aber nur mit firefox und nicht mit dem IE.
das beispiel im internet geht auch bei mir mit beiden browsern.
nur wenn ich den quelltext kopiere und dass dann als htm-datei auf meinem rechner habe geht wieder nur der firefox...
was kann ich tun? wo ist der fehler?
ok erstes problem habe ich schon behoben...
aber eine frage habe ich ja noch
sollte ein menü werden, wie hier.
wenn noch jemand weiß, wie man nen untermenü zum untermenü macht, wie das bei Modern Classics der fall ist, dann bitte schnell melden
und noch eine frage ist mir eingefallen...kann man die größe für alle browser einheitlich machen? wenn es im IE passt is es für den firefox zu klein...diese blöden em
mfg
Loony
"Jeder Mensch macht Fehler. Das Kunststück liegt darin,s ie zu machen, wenn keiner zuschaut." Sir Peter Ustinov