[Gelöst] IE7 Bug - Link area

[RolandAuer]

Hi Leute!

Ich habe das Problem, dass in meiner Navigation im IE7 für die Links nur der wirkliche Textlink verwendet wird, und nicht der Gesamtbereich des Links. In IE8, FF3.5, Safari4 und Opera10 funktioniert es tadellos.

Es handelt sich hier (vermutlich) um den "link area"-Bug des Internet Explorers 6 u. 7.

Das Witzige (haha, ): Es funktioniert weder der "position: relative"-Workaround noch dieser hier.

Kann mir jemand von euch einen Tipp geben?

Links:
Testseite mit dem Problem,
CSS - Relevant unter Kommentar "Navigation"

Danke für jeden Tipp!

[MacKP]

Hallo RolandAuer,
ich kann da gerade nur etwas raten, da ich das nicht so wirklich testen kann. Aber wie wäre es mit ner padding Angabe für die Links? Das sollte eventuel besser klappen.

Viele Grüße

[RolandAuer]

Hi MacKP!

Danke für den Tipp, funktioniert leider auch nicht.

Elende Fehleranfälligkeit gewisser Produkte treiben mich zur Weißglut....!

[MacKP]

Hmm das glaub ich dir.. geht uns allen so ;-)

Leider fällt mir da gerade auch noch nichts zündendes zu ein.. melde mich wenn ich ne Idee hab. Aber vllt hat ja einer vorher schon was gefunden. Hoffe ich zumindest für dich ^^

Viele Grüße

[RolandAuer]

Ich hoffe immer noch auf deine zündende Idee....!

Also werde ich mal die nächsten Stunden mit der Lösungssuche verbringen...

Schönen Vormittag allen!

[RolandAuer]

Good news everyone!

Mein kleines Problem hat ein Upgrade bekommen! IE7-Navigation funktioniert jetzt, hab einen kleinen Trick angewendet, indem ich eine Bildnavigation mit dem Linktext im Vordergrund erstellt habe. Der IE7 nimmt jetzt das Bild als Link und hovert das ganze perfekt als Link.

Aber: Jetzt gibts im IE8 Probleme (what else? ), im FF, Safari, Opera funktionierts.
Der erste Navi-Eintrag hängt etwas nach unten, obwohl er die gleichen CSS-Abstände bzw. Größen wie die anderen Navi-Einträge hat. Für mich unerklärbar momentan.

Kann mir DAS jemand erklären?

Hier noch ein Screenshot:

[Stephan]

Mittlerweile sieht das Menü in allen Browsern gleich aus. Hast du das Problem also lösen können?

[RolandAuer]

Guten Morgen Stephan u. alle anderen Forensiker

Hatte gestern am Abend noch einen kleinen Analyseanfall, und da konnte ich das Problem lösen.

Der IE8 zeigte den ersten Menüeintrag etwas nach unten versetzt, weil ich den Listenelementen (li) eine 100%ige Höhe zugewiesen hatte. Kaum war die Einstellung draußen, kein Problem mehr im IE8 dafür im Safari einen sehr interessanten Fehler.

Dieser war, dass er bei Angabe einer negativen Margin für ein Element (in diesem Fall ein span-Element) die Höhe des Elements dazurechnete. Also wurde aus einer -150px Margin bei 20px Elementhöhe -170px Margin.

Ich habe dann einfach die Elemente im HTML vertauscht, und die Margin wurde positiv, und plötzlich kein Problem mehr...

Ich war glücklich.

Danke für die Hilfe an MacKP und für dei Nachfrage an Stephan!

Grüße, ein um Toni Sailer Trauernder