nicht angemeldet
Navigation per ul mit Bilder -> Probleme im IE
Hey Leute,
Ich habe eine Seite die ursprünglich in Dreamweaver konstruiert wurde (nicht von mir ;) ) als Wordpress Theme umgeschrieben und dabei natürlich nur das Design übernommen und keinen Code.
Es geht um: http://ndoki.de/wp/
Ich habe nun leider ein Problem mit der Navigation im IE. Sowohl der 6er als auch der 7er machen etwas Abstand zwischen die Bilder, welche in der Liste definiert sind:
Das sieht dann sehr unschön aus, da das Design (wiederum nicht von mir) darauf angewiesen ist, dass dort kein Abstand ist.
Im Opera (9.5.1), Firefox (3.0) und Safari (3.1.2) sieht alles wunderbar aus!
Ich habe schon einiges ausprobiert, doch ich komme dem IE nicht auf die Sprünge.
Hat da vielleicht jemand mehr Erfahrung mit den Tücken des IE als ich?
Grüße,
Samy
-
Das Problem hatte ich neulich auch. Versuchs doch mal über css mit "margin-top: 0px" (vielleicht auch noch bottom) in der Definiton der li Punkte.
So hat es bei mir zumindest funktioniert.
li{
padding: 0px;
list-style-type: none;
margin-top: 0px; /*Abstand zw. einzelnen Menüpunkten*/
}
Gruß,
Wende-
Leider hat mir auch das nicht geholfen.
Ich habe jedem <a>, <li> und <img> ein "padding: 0px" und "margin: 0px" verpasst, aber der IE zeigt es immer noch nicht richtig an:
Es scheint mir so, als würde der IE das "display: block" der <a>-Elemente nicht interpretieren, da es im Firefox wenn ich das "display: block" weglasse, genau so aussieht wie im IE.
Hat jemand einen Tip?
Grüße,
Samy
-
-
Anderer Vorschlag: Versuch die Bilder als Hintergrund zu den <li> zu nehmen:
<li style="background-image: url(http://www...jpg)">
Und dann noch ggf. margin und padding auf null.
Ich hoffe das klappt.
Viel Glück!
Wende