• Das Erstellen neuer Accounts wurde ausgesetzt. Bei berechtigtem Interesse bitte Kontaktaufnahme über die üblichen Wege. Beste Grüße der Admin

CSS DropDown Menü funktioniert nur in Opera

cyberkuh

New member
Hallo,

folgende kleine html Datei funktioniert nur in Opera, so wie sie soll.
Warum funktioniert das in Firefox nicht und vor allen: Was muss ich machen, damit es auch in Firefox (und ggf. IE) funktioniert?

Code:
<html>
<head>
<style type="text/css">
#menuebox {
position: relative;
height: 25px;
width: 165x;
}
#menue {
position:absolute;
z-index: 200;
}

#menue .aussen {
font-size: 15px;
float: center;
display: block;
overflow: hidden;
width: 8em;
height: 1.3em;
font-weight: bold;
text-align: center;
background-color: #f8ddf6;
color: #3829c7;
}
#menue .aussen:hover {
height: auto;
background-color: #f8ddf6;
border: 1px solid #66ff66;
background-color: #ccffcc;
}

a.innen-1 {
margin-top: 2px;
}
a.innen, a.innen-1 {
font-family: Arial, Helvetica, sans-serif;
height: 20px;
text-align: left;
font-size: 12px;
display: block;
width: 100%;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
border: 1px solid #66ff66;
background-color: #ccffcc;
color: #600;
}
a:visited.innen, a:visited.innen-1 {
background-color: #ccffcc;
color:#555;
}
a:hover.innen, a:hover.innen-1 {
background-color: #ffccff;
color: #900;
}
</style>
</head>
<body>



<div id="menuebox">

	<div id="menue">
		<div class="aussen">
Linkliste
<a class="innen-1" href="#">Link 1</a>
<a class="innen" href="#">Link 2</a>
<a class="innen" href="#">Link 3</a>
<a class="innen" href="#">Link 4</a>
		</div>
	</div>

</div>


</body>
</head>

Liebe Grüße
Benny
 
folgende kleine html Datei funktioniert nur in Opera, so wie sie soll.
Warum funktioniert das in Firefox nicht und vor allen: Was muss ich machen, damit es auch in Firefox (und ggf. IE) funktioniert?

Firefox liebt Doctypes. Setze mal an den Anfang:
PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

Der IE6 macht dann allerdings immer noch nicht mit.

Edit: Nimm Listenelemente wie in diesem Beispiel (Quelltext ansehen) und der IE6 macht auch mit.
 
Zuletzt bearbeitet:
Zurück
Oben