position: fixed im Internet Explorer

Wer schon einmal position: fixed und position: absolute in einem Dokument verwenden wollte und dabei auch den Internet Explorer berücksichtigte, kennt das Problem: Es geht nicht!Aber Google findet ja bekanntlich alles, also auch hier die Lösung: Zunächst eine ausführliche Beschreibung, dann einen Hack auf annevankesteren.nl und schließlich meine Lösung: Auf der beachtlichen Seite jendryschik.de den kleinen, aber feinen Trick, den Internet Explorer auszuhebeln und ihm position: fixed als position: absolute vorzugaukeln. Damit bleibt das Element im IE zwar nicht wie gewünscht an seinem Platz, scrollt aber brav in seiner Relation zu den anderen Elementen mit und wird überhaupt erst richtig dargestellt.Der Trick? Man nutzt den Attribut-Selektor-Bug, um die CSS-Angaben vor dem Browser zu verstecken:#logo {position: absolute;left: 0;top: 0;}#logo[id] {position: fixed;}Gefällt mir! Den Rest lest ihr allerdings ausführlicher, besser aufbereitet und besser erklärt auf http://jendryschik.de/. Übrigens kann ich diese Seite nur als hervorragende Resource empfehlen.

Dieser Beitrag wurde unter Unsortiert veröffentlicht. Setze ein Lesezeichen auf den Permalink.

2 Antworten auf position: fixed im Internet Explorer

  1. Stefan sagt:

    Danke, hast mir viel Zeit erspart. Dein Artikel passte wie die Faust auf´s Auge zu meinem Problem.

  2. Jan sagt:

    Ich danke ebenfalls.Sachlich und unkompliziert.So muss es sein.

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>