IE-CSS-BUG No. 6535782986/a-19 ff.

[Thomas J.S.]

Hallo,

zwei Bugs des IE kann ich nicht durch Workarounds beheben. Beide zu sehen auf der Seite:

http://www.bildungsserveragrar.de/de/studium/
Problem 1:

Dieses tritt in IE6 und IE7 auf (ältere Versionen sicher auch, werden von uns aber nicht mehr unterstützt). FF und Opera zeigen alles wie gewünscht.

Beschreibung: Die Links in der rechten (hellblauen) Marginalspalte bekommen einen Pfeil vorangestellt, der symbolisiert, ob es sich um interne oder externe Links handelt. NUR bei MEHRZEILIGEN Links werden diese als Hintergrund realisierten Icons zur Hälft nach oben "rausgeschoben". Kennt jemand diesen Bug und Abhilfe/Workarounds?

Das liegt im IE am paddig-top:2px für <li>, verwendest du es stattdessen für das <a>, zeigt der IE die Bilderchen richtig. Also muss du da ansetzen.

Problem 2:

Beschreibung: Das linke Menu wird von einer doppelten Linie begrenzt. Die Linien habe ich mit allerhand CSS-Tricksereien bis hin zur semantischen Selbstverleugnung so weit hinbekommen, dass sie im FF, IE6 und Opera funktionieren.

Allerdings führt der IE7 die Linien am rechten Rand, die ich mit Hilfe eines Hintergrund-Bildes im ul realisiert habe über die untere Ecke hinaus.

Drei Alternativen:

1: gebe dem letzen <li> ein background-color:#fff; dann siehst du einiges mehr und von da an kannst du versuchen das Hintergrundbild richtig zu positionieren, oder ein anderes erstellen.

2. Alternative: Ich würde die Rahmenlinien anders realisieren:
Im 1. und letzen <li> mit gerundeten Ecken und horizontaler Linie das Hintergrundbild einfügen und in den anderen dann es entsprechendes Hg.Bild rechts posionieren.

3. Alternative: du separierst das CSS der Navigation, und für den IE x. fügst du sie als separate Datei mit conditional comments ein.

Grüße
Thomas