Ergebnis 1 bis 5 von 5

Thema: Navigationsmenü wird im IE falsch dargestellt

  1. #1
    HTML Newbie
    Registriert seit
    09.11.2012
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Beitrag Navigationsmenü wird im IE falsch dargestellt

    Guten Tag,

    ich habe ein vertikales Navigationsmenü mit aufklappbaren Untermenüs erstellt. Jetzt habe ich dieses per Browservorschau im IE 8 getestet und festgestellt, jeder einzelne Button wird mit einem blauen Rahmen dargestellt. So soll das aber nicht aussehen. In den Browsern Opera, Firefox und Crome erfolgt die Darstellung korrekt ohne Rahmen.

    Ich kann mir nicht erklären, woran es liegt. Ist hier eine "Umgehungslösung" speziell für den IE erforderlich oder habe ich etwas falsch gemacht.

    Den Code habe ich hier beigefügt.

    Ich würde mich freuen, wenn mir jemand bei der Lösung meines Problems helfen könnte.

    Danke schon mal und viele Grüße
    Anna.

    PS. Ich arbeite mit DW CS4.


    <!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=utf-8" />
    <title>Unbenanntes Dokument</title>
    <style type="text/css">

    #navigation ul li, #navigation ul li a {
    display: inline-block; /* haslayout Schalter fuer IE6/7 */
    }

    #navigation ul li, #navigation ul li a {
    display: block; /* haslayout reset */
    }


    #menu ul
    #menu h2
    #menu a
    #menu a:hover
    #menu li
    #menu ul ul ul

    div#menu ul ul ul
    div#menu ul ul li:hover ul
    div#menu ul ul li.hover ul ul
    div#menu ul ul ul li:hover ul


    #menu { width: 80px;}
    #menu ul {list-style: none;}
    #menu h2 { display: block; }
    #menu a { text-decoration: none; display: block; }

    #menu li { position: relative; }
    #menu ul ul ul {position: relative;}
    div#menu ul ul ul {display: none; }

    div#menu ul ul li:hover ul ul { display: none; }
    div#menu ul ul li:hover ul { display: block; }
    div#menu ul ul ul li:hover ul {display: block; }

    </style>

    </head>

    <body>

    <div id="menu">

    <li>
    <h2> Inhalt </h2>
    <ul>
    <li>
    <ul>
    <li> <a href="#"><img src="bilder/button1.jpg" width="125" height="25" /></a> </li>
    <li><a href="#nogo"><img src="bilder/button2.jpg" width="125" height="25" /></a>
    <ul>
    <li><a href="#nogo"><img src="bilder/button21.jpg" width="125" height="25" /></a></li>
    <li><a href="#nogo"><img src="bilder/button22.jpg" width="125" height="25" /></a></li>
    <li><a href="#nogo"><img src="bilder/button23.jpg" width="125" height="25" /></a></li>
    </ul>
    </li>
    <li><a href="#nogo"><img src="bilder/button3.jpg" width="125" height="25" /></a>
    <ul>
    <li><a href="#nogo"><img src="bilder/button31.jpg" width="125" height="25" /></a></li>
    <li><a href="#nogo"><img src="bilder/button32.jpg" width="125" height="25" /></a></li>
    <li><a href="#nogo"></a></li>
    </ul>
    </li>
    <li><a href="#nogo">Kapitel 3</a>
    <ul>
    <li><a href="#nogo">Lektion 3.1</a></li>
    <li><a href="#nogo">Lektion 3.2</a></li>
    <li><a href="#nogo">Lektion 3.3</a></li>
    </ul>
    </li>
    <li><a href="#nogo">Kapitel 4</a>
    <ul>
    <li><a href="#nogo">Lektion 4.1</a></li>
    <li><a href="#nogo">Lektion 4.2</a></li>
    <li><a href="#nogo">Lektion 4.3</a></li>
    </ul>
    </li>
    <li><a href="#nogo">Kapitel 5</a>
    <ul>
    <li><a href="#nogo">Lektion 5.1</a></li>
    <li><a href="#nogo">Lektion 5.2</a></li>
    <li><a href="#nogo">Lektion 5.3</a></li>
    </ul>
    </li>
    </ul>
    </li>
    </ul>
    </div>

    </body>

    </html>
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Bandit
    Gast

    Standard AW: Navigationsmenü wird im IE falsch dargestellt

    Den Links border: 0; verpassen.

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    09.11.2012
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Navigationsmenü wird im IE falsch dargestellt

    Danke für die Rückmeldung.

    Wie vorgeschlagen, habe ich allen Links border:"none" verpasst.

    Aber es ist im IE immer noch keine Änderung erkennbar, sprich der blaue Rahmen ist noch da.

    Woran könnte es noch liegen?

  4. #4
    König(in)
    Registriert seit
    07.02.2009
    Ort
    Leipzig
    Beiträge
    1.391
    Danke
    2
    Bekam 21 mal "Danke" in 20 Postings

    Standard AW: Navigationsmenü wird im IE falsch dargestellt

    Du musst nicht den Links sondern den Bildern die o.g. Eigenschaft geben.

  5. #5
    HTML Newbie
    Themenstarter

    Registriert seit
    09.11.2012
    Beiträge
    5
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard AW: Navigationsmenü wird im IE falsch dargestellt

    ...jetzt hat es funktioniert.

    Ganz lieben Dank und viele Grüße
    Anna

Ähnliche Themen

  1. text wird im FF falsch dargestellt
    Von dannylein im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 22.06.2010, 11:38
  2. Layout der Seite wird im IE falsch dargestellt
    Von Lacrima im Forum HTML & CSS Forum
    Antworten: 10
    Letzter Beitrag: 09.01.2009, 10:33
  3. Seite wird im IE falsch dargestellt!
    Von Blazor im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 07.04.2007, 23:45
  4. Schrift wird falsch dargestellt!
    Von Cyberphreak im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 29.11.2006, 08:27
  5. CSS Design wird im IE falsch dargestellt
    Von Empon im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 22.06.2005, 20:22

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •