Layer Horizontal und vertikal zentrieren

Status
Nicht offen für weitere Antworten.

modo

Grünschnabel
Hallo zusammen,

habe ein Layer via CSS zentriert, dass heisst das der Layer unabhängig von der Bildschirmauslösung immer horizontal zentriert erscheint.

Meine frage, gibt es eine Möglichkeit den Layer auch vertikal zu zentrieren?

Hier mein beispiel

Gruss Modo
 
Hi,

wenn Breite und Höhe fest vorgegeben sind, sollte horizontales und vertikales Zentrieren mit
absoluter Positionierung zu realisieren sein.
Code:
<style type="text/css">
  <!--
#container{ position: absolute;
            width: 760px;
            height: 500px;
            left: 50%;
            margin-left: -380px;  /* Um die Hälfte der Breite nach links schieben */
            top: 50%;
            margin-top: -250px;   /* Um die Hälfte der Höhe nach oben schieben */
            background-color:#FFFF00;
            border:1px solid #FF0000;}
  -->
</style>
Funktioniert bei mir im IE 5.01, IE 5.5, IE 6, Opera 7.22 und 7.54, Netscape 7.1, Firefox 0.9.1
und 1.0 sowie im Mozilla 1.6.

Ciao
Quaese
 
Hallo Quaese

danke dir für die schnelle Antwort

Funktioniert sogar im Netscape 6.1 :)

Nochmals vielen Dank, hoffe ich kann auch mal behilflich sein
Gruss Modo
 
Status
Nicht offen für weitere Antworten.
Zurück