Layer Horizontal und vertikal zentrieren

modo · 20.12.04, 20:34

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

**Quaese** · 20.12.04, 22:46

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

modo · 20.12.04, 23:36

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