CSS DropDown Menu IE 7/8 Problem

html.de-Forum HTML, XHTML & CSS
1

Hallo Leute,

ich zweifel hier gerade so richtig an meinen html und css Kenntnissen, da ein DropDown Menü (reines CSS) nur im IE nicht funktioniert. Es werden die Submenüs nicht aufgeklappt. Hier ist der Quellcode:

HTML:
[HTML]

[/HTML]

CSS:
[HTML]
#topnav ul.menu,
#topnav ul.menu li,
#topnav ul.menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#topnav ul.menu {
position: relative;
z-index: 597;
float: left;
}

#topnav ul.menu li {
float: left;
line-height: 1.3em;
vertical-align: middle;
}

#topnav ul.menu li.parent {
background: url(…/images/topnav_arr.png) no-repeat right center;
}

#topnav ul.menu li ul li.parent {
background: url(…/images/topnav_sub_arr.png) no-repeat right center;
}

#topnav ul.menu li ul ul li.parent {
background: url(…/images/topnav_sub_arr.png) no-repeat right center;
}

#topnav ul.menu li.hover,
#topnav ul.menu li:hover {
position: relative;
z-index: 599;
cursor: default;
}

#topnav ul.menu ul {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 598;
width: 100%;
}

#topnav ul.menu ul li {
float: none;
}

#topnav ul.menu ul ul {
top: 0;
left: 100%;
}

#topnav ul.menu li:hover > ul {
display: block;
}

/* Menu Style */
#topnav {

}

#topnav ul.menu {
float: right;
}

#topnav ul.menu li {
}

#topnav ul.menu li.hover,
#topnav ul.menu li:hover {
}

#topnav ul.menu li {
opacity: 0.7;
filter: alpha(opacity = 70);
padding: 0 20px;
height: 70px;
display: block;
}

#topnav ul.menu li a{
font-family: ‚Yanone Kaffeesatz‘, arial, serif;
font-size: 18px;
line-height: 70px;
text-shadow: none;
}

#topnav ul.menu a:link,
#topnav ul.menu a:visited {
color: #fff;
text-decoration: none;
}

#topnav ul.menu li:hover {
opacity: 0.6;
filter: alpha(opacity = 60);
background: #000;
}

#topnav ul.menu ul {
width: 200px;
margin-top: 0;
background: #000;
}

#topnav ul.menu ul li a {
line-height: 30px;
font-size: 16px;
}

#topnav ul.menu ul li {
height: 30px;
}

#topnav ul.menu ul li:hover, #topnav ul.menu ul li.parent:hover {
opacity: 1;
filter: alpha(opacity = 100);
background: #222;
}
[/HTML]

Vielen Dank für die Hilfe im Vorraus :wink:

2

verwendest du auch einen Doctype

3

ja,

4

Warum denn so kompliziert?

HTML-Code:

                	<td>

                

                	<div id="content">

                	<div id="menu">

                	    <a href="index.php">Home</a> 

                        <a href="index.php?page=5">Gewünschter Punkt</a> 

                        <a href="index.php?page=38">Gewünschter Punkt</a> 

                        <a href="index.php?page=183">Gewünschter Punkt</a> 

                        <a href="index.php?page=37">Gewünschter Punkt</a> 

                        <a href="index.php?page=29">Gewünschter Punkt</a> 

                        <a href="index.php?page=57">Gewünschter Punkt</a> 

                        <a href="index.php?page=187">Gewünschter Punkt</a>

                        <a href="index.php?page=173">Gewünschter Punkt</a>

                	</div></div>

                	</td>

                </tr>

Da sist ja die Navigation c;

5

@-=GlobalLove=-:

  1. Du verwendest Tabellen
  2. Navigationsleisten werden i.d.Regel als Listen geschrieben
  3. Dein Menu ist nicht aufklappbar; dh. zuviele unübersichtliche Informationen

@pixel90:
Der IE unterstützt nur a:hover, also div:hover; li:hover etc. funzt im IE nicht

6

@pixel90: Hast Du einen Link zur Seite parat?

@-=GlobalLove=-: Menüs zeichnet man nicht als Tabellen aus. Daher ist ein Tipp falsch, irreführend und hat eigentlich auch nichts mit der Fragestellung zu tun.

@alogheo: Auf IE6 trifft das zu. IE7 und IE8 um die es hier geht unterstützen es jedoch.

7

Kenne mich noch nicht so gut aus, also fast gar nicht, was heist denn aufklappbar?

8

[QUOTE=-=GlobalLove=-]
was heist denn aufklappbar
[/QUOTE]
Du fährst über einen Menüpunkt und es wird das Untermenü angezeigt

9

So in etwa: www.habbotimes.de? ?

HTML-Code:

10

@-=GlobalLove=-: das ist ein nicht-aufklappbares Menü; ein Beispiel für ein aufklappbares Menü wäre dies: Stu Nicholls | CSSplay | A Drop Down Menu

11

Hää der Code ist aus dem Seitenquelltext kopiert und das ist aufklappbar :o

12

Einen link habe ich leider nicht, da ich lokal entwickle, aber ich werde mal das mit dem a:hover ansehen, vielleicht krieg ich es doch noch hin …
Werde dann die Lösung posten :wink: