Zur Navigation

Dynamische Menüs und Internet-Explorer

1 User 873 (Ex-Mitglied)

Hi

ich arbeite seit kurzem an einer Homepage und wollte ein dynamisches Menü einbinden (via css)...
soweit so gut. in firefox funktioniert alles perfekt.
aber der internet-explorer versetzt die listenpunkte nach unten wenn ich mit dem mauszeiger darüber fahre....

das ist die liste in html:

<div>
      <ul id="Navigation">

		<li><a href="Home.html">Home</a></li>

		<li><a href="A">Wir &uuml;ber uns</a></li>

		<li><a href="B">Aktuelles</a></li>

		<li><a href="C">Veranstaltungen</a></li>

		<li><a href="D">Arbeitskreise</a>
			<ul>
				<li><a href="Schnaepper.html">Schn&auml;pper</a></li>
				<li><a href="Nistkasten_Scheller.html">Nistkasten Hettenshausen</a></li>
				<li><a href="Nistkasten_Rieder.html">Nistk&auml;sten Riederm&uuml;hle</a></li>
			</ul>
		</li>
</ul>
</div>

und das ist die dazugehörige css datei...
div#Nav {
	width: 14em;
	display: inline;
}

ul#Navigation {
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
}

	ul#Navigation li {
		list-style: none;
		position: relative;
		margin: 0.4em;
		padding: 0;
		background-color: white;
		margin-bottom: -0.3em;
		margin-right: 1.5em;
	}

		ul#Navigation li ul {
			margin: 0;
			padding: 0;
			position: absolute;
			left: 8.4em;
			top: -0.4em;
			display: none;
		}

		* html ul#Navigation li ul{
			left: 8.4em;
			lef\t: 9em;
		}

		ul#Navigation li:hover ul {
			display: block;
		}

			ul#Navigation li ul li {
				float: none;
				display: block;
				margin-bottom: -0.2em;
				background-color: white;
			}


ul#Navigation a, ul#Navigation span {
	display: block;
	width: 6.4em;
	padding: 0.2em 1em;
	text-decoration: none;
	font-weight: bold;
	border: 1px solid black;
}

* html ul#Navigation a, ul#Navigation span {
	width: 9em;
	w\idth:9em;
}

ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
	border-color: white;
	background-color: #23a6e4;
}

li a#aktuell {
	color: maroon;
}

ul#Navigation li ul span {
	border-color: blue;
}

tschuldigung, dass ich so viel code hier hinein kopiere, aber ich hab einfach keine ahnung wo das problem liegt....

schon jetzt vielen dank für die hilfe (und die mühe sich alles durchzulesen)

Henni

07.02.2010 13:24

2 Jörg

Ich bin gerade nicht unter Windows - mit dem IE 7 auf Wine kann ich das Problem nicht nachvollziehen?

In welcher Version des IE tritt das Problem denn auf? falls auch beim IE8: mit oder ohne Kompatibilitätsmodus?

Und was auch noch eine Rolle spielen kann: was für eine Doctype-Angabe verwendest du?

07.02.2010 14:08

3 User 873 (Ex-Mitglied)

Doctype ist:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
sollte also (glaub ich) kein problem sein...

IE8 aber ich hab leider keine ahnung was der Kompatibilitätsmodus ist...

07.02.2010 15:42

4 Jörg

Doctype ist:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

Im IE 7 klappt das Menü dann bei mir nicht mehr auf

Mit dieser vollständigen Doctype-Angabe dagegen schon:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

sollte also (glaub ich) kein problem sein...

Je nach Doctype-Angabe springen die Browser in einen anderen Anzeige-Modus, von daher kann die Wahl schon einen Unterschied machen

IE8 aber ich hab leider keine ahnung was der Kompatibilitätsmodus ist...

Dann zeigt der IE 8 die Seite im wesentlichen an wie der IE 7. Neben der Adresszeile befindet sich ein entsprechender Umschaltbutton

Ein Versetzen der Listenpunkte kann ich immer noch nicht nachvollziehen - (nur) mit dem von dir oben angegeben Code lässt sich das bei dir aber reproduzieren?

07.02.2010 16:45 | geändert: 07.02.2010 16:45

5 User 873 (Ex-Mitglied)

wow...
danke es lag wirklich nur am doctype....
da wär ich wirklich nie drauf gekommen....
Außerdem hat sich jetzt auch das Problem gelöst, dass die div-Container nicht nebeneinander, sondern nur untereinander stehen können.

Danke
Henni

07.02.2010 18:14

Beitrag schreiben (als Gast)





[BBCode-Hilfe]