Zu den Aufzeichnungen der tutorials.de-Live-Workshops
ERLEDIGT
JA
ANTWORTEN
2
ZUGRIFFE
6565
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. #1
    Avatar von modo
    modo modo ist offline Rookie
    Registriert seit
    Aug 2004
    Ort
    Zürich (Schweiz)
    Beiträge
    7
    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
     
    Modo
    the world is crazy

  2. #2
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.440
    Hi,

    wenn Breite und Höhe fest vorgegeben sind, sollte horizontales und vertikales Zentrieren mit
    absoluter Positionierung zu realisieren sein.
    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    
    <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
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK

  3. #3
    Avatar von modo
    modo modo ist offline Rookie
    Registriert seit
    Aug 2004
    Ort
    Zürich (Schweiz)
    Beiträge
    7
    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
     
    Modo
    the world is crazy

Ähnliche Themen

  1. Tabelle horizontal und vertikal zentrieren
    Von Haarentferner im Forum CSS
    Antworten: 3
    Letzter Beitrag: 12.07.10, 21:09
  2. Antworten: 1
    Letzter Beitrag: 04.04.07, 14:44
  3. Antworten: 10
    Letzter Beitrag: 14.09.06, 16:16
  4. Horizontal & vertikal zentrieren
    Von Carrear im Forum CSS
    Antworten: 10
    Letzter Beitrag: 06.08.06, 20:44
  5. zentrieren horizontal & vertikal
    Von AUToPSY im Forum HTML-Editoren
    Antworten: 6
    Letzter Beitrag: 29.11.01, 17:29