#348722 css center setzen (web.design)

verfaßt von MudGuard , München, 05.09.2013, 21:08:39

> Hallo Forum,
>
> ich versuche immer noch den login bereich center auszurichten.
>
> nun habe ich vor einiger zeit dieses gefunden.
>

#login {
> position: fixed;
> top: 50%;
> left: 50%;
> margin-top: -50px;
> margin-left: -100px;
> background: #000000;
> }
> 

>
> aber ich kann die größe nicht wirklich ändern.

Du hast ja auch noch gar keine Größenangabe gemacht ...

Normalerweise wären das bei Zentrierung mit diesen margin-Werten width: 200px; height: 100px;
Mit position/top/left wird die linke obere Ecke des Elements in die Mitte des Anzeigebereichs gesetzt. Dann wird es per negativem margin um die halbe Breite nach links und um die halbe Höhe nach oben geschoben. Damit sitzt in der Mitte des Anzeigebereichs die Mitte des Elements.

Nachteil: ist der Viewport kleiner als das Element, sind Teile davon unerreichbar außerhalb und damit nicht sichtbar.
Ließe sich aber mit media-queries umgehen.

--

MudGuard
O-o-ostern

gesamter Thread: