fehlerhafte listen darstellung im ie 5

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

Autor dieses Themas

23:35, 31.10.2010

Hallo.

Mein Problem ist jetzt die submenues nicht als eine geordnete Liste dargestellt werden sondern völlig verzerrt (im ie ).

Das ist die Testseite

So
und so
sieht es bei mouseover im ie aus

Das ist der Code

css

body {background-color: #369}

		a:link { color:#cccccc; text-decoration:none; }
		a:visited { color:#cccccc; text-decoration:none; }
		a:focus { color:#ffffff; text-decoration:none; }
		a:hover {color:#ffffff; text-decoration:none; }
		a:active { color:#ffffff; text-decoration:none; }
                /*Aktuelle Seite*/
                li.act a{ color:#ffffff; }
                /*Untermenue "INFORMATIONEN" (würde sonst  color:#ffffff sein weil aktive Seite)*/
                a.inf_ul:link { color:#cccccc;}
                a.inf_ul:visited { color:#cccccc;}
		a.inf_ul:focus, a.inf_ul:hover , a.inf_ul:active{ color:#ffffff;}
	/*leere pseudolinks */
		li.emptylink {font-size:0.9em; background-color: #336699; z-index: 50; color:#cccccc; text-align: left;padding-left: 8px ; margin-left: 8px;}

#h_menue_zentrierung { margin: 0; padding: 0; width: 100%; text-align: center;}


ul#main-nav { margin: 0 0 0 190px;padding:0; height: 30px; overflow: visible; display:block;}
ul#main-nav li {margin:0;padding:0;list-style:none;float:left;margin:0 0.3em 0 0;}
ul#main-nav li a {text-decoration:none;display:block;padding:0.3em 0.5em;}

ul#main-nav li ul {padding:0;display:none; z-index: 50;}
ul#main-nav li:hover ul {display:block; position: absolute; z-index: 50;}

ul#main-nav li ul li {float:none; z-index: 50;}
ul#main-nav li ul li a {font-size:0.9em; float: left; background-color: #336699; z-index: 50;}

html

<div id="h_menue">

			<ul id="main-nav">
                        <li class="act"><a href="index.php?id=aktuelles"  >AKTUELLES</a></li>
                        <li><a href="index.php?id=wirueberuns"  >WIR ÜBER UNS</a></li>
                        <li><a href="index.php?id=kontakt"  >KONTAKT</a></li>
                        <li><a href="index.php?id=informationen"  >INFORMATIONEN</a><ul><li><a href="?id=informationen#Einliefern-Verkaufen" >Einliefern/Verkaufen</a></li><li><a href="?id=informationen#Kaufen-Bieten">Kaufen/Bieten</a></li><li><a href="?id=informationen#Service">Service</a></li></ul></li>
                        <li><a href="/katalog/katalog.php?kat=2">AUKTIONEN</a><ul><li class="emptylink">&nbsp;&nbsp;KOMMENDE AUKTION</li><li><a href="?id=kommendeauktion">Auktion 2 - Informationen </a><li><a target="_blank" href="/katalog/katalog.php?kat=2">Auktion 2 - Katalog </a></li><li><a target="_blank" href="/katalog/files/auftrag02.pdf">Auktion 2 - Kaufauftr&auml;ge</a></li></li><li class="emptylink" >&nbsp;&nbsp;ARCHIV</li><li><a href="?id=70#t" target="_blank">Auktion 1 - Katalog</a></li><li><a href="katalog/files/eliste01.pdf">Auktion 1 - Ergebnisliste</a></li></ul></li><!---<li><a href="index.php?id=ergebnisse" target="_blank"  >ERGEBNISSE</a></li>--->
                        </ul>

		</div>

Beitrag zuletzt geändert: 1.11.2010 0:30:23 von simuliertes

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
color

color hat kostenlosen Webspace.
8:56, 1.11.2010
Hi

Ich kann mir generell vorstellen das es daran liegt,
dass dein DOCTYPE net gesetzt is.

Hier hab ich dir ein Beispiel für xHTML:
```
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

</html>
```
Danach handelt der IE nichtmehr ganz so komisch.
Außerdem hat jeder Browser eigene Standards versteckt. Ich setz an jedes CSS erstmal folgendes an den Anfang:
```
*{margin:0px;padding:0px;}
img{border:0px;}
```
Versuchs mal.

Grüsse
Color
Autor dieses Themas
simuliertes

simuliertes hat kostenlosen Webspace.

6:10, 2.11.2010
Konnte nicht helfen.
Aber ich konnte mir selber inzwischen helfen.
Ich habe in der Original-Datei nochmal die css-datei überarbeitet, Stück für Stück.
Ergebnis ist das es funktioniert aber ich weiß nicht warum ^^

Wäre natürlich schöner wenn ich wüsste warum aber da ich noch andere Dinge auf der Webseite zu tun habe belasse ich es erst einmal dabei. Danke für den Hilfsversuch.
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city