position: fixed
bearbeitet von ( 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` an einem Vorfahrenelement 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](http://codepen.io/anon/pen/jPvXjB) 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;`{: .language-css} angibst, wie [hier](http://codepen.io/anon/pen/eNLxOV) beispielhaft dargestellt.
Gruß,
HAL