Stefan Einspender: fixed und den MSIE gekonnt ausschließen

Beitrag lesen

Hallo Kai,

Bleibt ja immernoch das
Problem, dass er fixed nicht kennt und deshalb bei absolute bleibt.

das klappt nach meiner Erfahrung auch nicht, denn sobald der MSIE über ein position:fixed "stolpert", wird für den wieder static drauß (also default)...

in der Tat, dieses Verhalten tritt sogar auf http://www.w3.org/Style/
auf, da bin ich jetzt doch etwas erstaunt ;-)

Zusammenfassend kann man also sagen, dass für Mozilla und Opera der
zuletzt definierte Wert für eine CSS-Eigenschaft ausschlaggebend ist
und das der soweit wie möglich mit Selektoren definiert werden sollte,
um dieses MSIE-Verhalten auszuschließen.

Ein kurzes Beispiel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
<title>test</title>
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
div {
position: absolute;
top: 10px;
left: auto;
width: 100px;
right: 10px;
}

body > div { position: fixed; }
-->
</style>
</head>
<body>
<div>bla bla bla</div>
</body>
</html>

Das Div ist jetzt in Opera und Mozilla fixiert, im MSIE ist es mit
position:absolute; ausgerichtet. Wenn möglich, kann man zusätzlich
noch Attributselektoren verwenden, spätestens dann scheitert der
MSIE, d.h. er kann diesen Teil der CSS-Definition nicht lesen.

Viele Grüße,
Stefan