position: fixed

[( HAL )]

Hallo

Ist es möglich auch solche boxen zu zentrieren die mit "position: fixed" fixiert sind?

Ja.

Ich habe überall gesucht aber keine Stelle gefunden. Es heißt, daß in diesem Fall die box am Viewport, also html, ausgerichtet wird.

Teilweise richtig: Die Positionierung mit fixed kann als Spezialfall der absoluten Positionierung angesehen werden.

Das heißt, in beiden Fällen wird das Element aus dem normalen Elementfluss genommen und über die Eigenschaften top, bottom, left und right orientiert.

Der Unterschied besteht grob gesagt darin, dass bei absolut positionierten Elementen die Orientierung in Bezug auf das nächste mit position positionierte Vorfahrenelement erfolgt, bei fixed hingegen in Bezug auf den Viewport (der übrigens nicht mit dem html-Element gleichzusetzen ist).

Wenn du also ein mit fixed positioniertes Element wie deinen header zentrieren möchtest, dann kannst du das auf zwei Arten machen, nämlich entweder, indem du wie in diesem Beispiel der Eigenschaft left (oder right) einen relativen Wert zuweist.

Oder indem du left und right auf 0 setzt, und dann wie gewohnt margin: 0 auto; angibst, wie hier beispielhaft dargestellt.

Gruß,

HAL