kostenloser Webspace werbefrei: lima-city


div vertikal zentrieren

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    surprise247

    surprise247 hat kostenlosen Webspace.

    Hallo Leute,
    nach mehrfachem Suchen mit Google habe ich leider immer noch nicht heraus gefunden, wie man ein "div"-Element vertikal zentriert.

    Ich würde mich über jede Antwort freuen.

    MfG surprise247

    P.S. Bitte mit Erklärung antworten :-)
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. surprise247 schrieb:
    Hallo Leute,
    nach mehrfachem Suchen mit Google habe ich leider immer noch nicht heraus gefunden, wie man ein "div"-Element vertikal zentriert.

    Ich würde mich über jede Antwort freuen.

    MfG surprise247

    P.S. Bitte mit Erklärung antworten :-)



    http://phrogz.net/CSS/vertical-align/index.html

    Demo:
    http://jsfiddle.net/zet22/

    lesen und verstehen :wink:

    Beitrag zuletzt geändert: 21.6.2013 22:31:15 von n0tiert
  4. h***e

    Hier ein kurzer code

    <div style="margin:-100px 0px 0px -200px;position:absolute; top: 50%;height:200px;width:400px; left: 50%; background-color: darkgreen;">lol
    </div>


    Hier noch ein link
    http://www.ich-lerne-css.de/Style/Examples/007/center.html
  5. Autor dieses Themas

    surprise247

    surprise247 hat kostenlosen Webspace.

    Danke,
    kann man denn "body" als parent container bei Methode 1 verwenden?
  6. surprise247 schrieb:
    Danke,
    kann man denn "body" als parent container bei Methode 1 verwenden?


    sowas ?

    http://jsfiddle.net/wQT45/1/

    // updated

    mit jQuery




    ansonnsten zeig mal dein code und wir schauen uns den an


    Beitrag zuletzt geändert: 21.6.2013 23:35:05 von n0tiert
  7. Autor dieses Themas

    surprise247

    surprise247 hat kostenlosen Webspace.

    hpage schrieb:
    Hier ein kurzer code

    <div style="margin:-100px 0px 0px -200px;position:absolute; top: 50%;height:200px;width:400px; left: 50%; background-color: darkgreen;">lol
    </div>



    Habs jetzt so gemacht, Danke!

    Beitrag zuletzt geändert: 22.6.2013 13:19:14 von surprise247
  8. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!