Firefox versteht sich mit position : fixed; sehr gut, nur dein Workaround macht ihm zu schaffen. Schade zu sehen, dass man immernoch nicht um das Ausnutzen von IE Bugs herum kommt, da dieser vieles direkt nicht versteht. Dieses Bugasunutzen (auch für andere Browser) führte wohl u.a. auch zu dem heute vorherrschenden Codewirrwar.
Der IE versteh folgenden einfachen Code leider nicht ...
#fixed {
background-color: #CC6600;
width: 200px;
padding: 10px;
border: 1px solid #000000;
position: fixed;
top: 20px;
right: 20px;
}
body {
font-family: Arial, Helvetica, sans-serif;
font-style: italic;
font-weight: bold;
}
...
Dies ist ein Test!<br />
Dies ist ein Test!<br />
Dies ist ein Test!<br />
<div id="fixed">
Ich spreche nicht von eurem, ich spreche vom Ende der Eulen.
</div>
Zu dem Zentrieren. Dies ist mit position: fixed; soweiso so eine Sache, denn der bezeichner fixed verhält sich ähnlich wie absolute, benötigt also eigentlich auch eine absolute Positionierung (nur dass eben nicht der Dokumentrand, sondern der Fensterrand als Ausgangspunkt verwendet wird). Die Angabe Zentriert ist nunmal eine relative. FF ignoriert das zentrieren mit margin-left/right : auto; bei fixed Elementen auch dementsprechnd. Man könnte wohl wieder mit nem Workaround und nem übergeordneten Block das ganze in die Mitte bekommen, aber dann wirds wieder unsauber ....