[CSS] Frage zu Position absolute

[.Abraxas]

Guten Abend zusammen,
ich habe eine Frage zu Position absolute bei CSS. Und zwar habe ich eine Registrierung gemacht. Diese funktioniert wunderbar und es wird eine grüne Box ausgegeben bzw. die erscheint, wenn die Regi erfolgreich war. Ich möchte gerne das die Box immer mittig angezeigt wird. Auch auf der mobilen Version. Die Box soll eine feste Höhe haben, beim erscheinen. Nur die soll aber auch automatisch zentriert sein (wird über jQuery kurz eingeblendet und ausgeblendet und ist mit z-index). Weiß wer wie das bei Position absolute funktioniert?
Grüße,

Abraxas

[lnqlorlouz]

Versuch mal:

position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;

oder
schau dir das mal an.

[xShizoidx]

Hier mal das Beispiel für deine Registrierung:

Ansonsten gibt sowas schon fertig positioniert im Bootstrap Framework:

[Mad0ck]

Originally Posted by .Abraxas

Guten Abend zusammen,
ich habe eine Frage zu Position absolute bei CSS. Und zwar habe ich eine Registrierung gemacht. Diese funktioniert wunderbar und es wird eine grüne Box ausgegeben bzw. die erscheint, wenn die Regi erfolgreich war. Ich möchte gerne das die Box immer mittig angezeigt wird. Auch auf der mobilen Version. Die Box soll eine feste Höhe haben, beim erscheinen. Nur die soll aber auch automatisch zentriert sein (wird über jQuery kurz eingeblendet und ausgeblendet und ist mit z-index). Weiß wer wie das bei Position absolute funktioniert?
Grüße,

Abraxas

margin: 0 auto; , so ist es immer mittig zum. auf horizontaler ebene

[xShizoidx]

Originally Posted by Mad0ck

margin: 0 auto; , so ist es immer mittig zum. auf horizontaler ebene

Wenn er position: absolute verwenden, dann muss er zusätzlich noch Werte für top, bottom, right und left angeben, da ansonsten margin:0 auto bei einer absoluten Positionierung nicht den gewünschten Effekt hat.

Neues Beispiel mit einer Box, welche eine feste Höhe hat: