Centrovanie DIVu na stranke

Jimi · Napísal **Jimi**: 05.10.2013 17:12

Ahoj
potreboval by som vycentrovat DIV horizontalne aj vertikalne na stred obrazovky. Vie mi prosim poradit niekto ako na to ? Dakujem

weroro · Napísal **weroro**: 05.10.2013 19:02

Napadá ma iba toto riešenie (testoval som v IE7 a Opere)

Kód:

div {
    width: 100px;
    height: 100px;
    margin-left: -50px; /* minus polovica sirky */
    margin-top: -50px; /* minus polovica vysky */
    position: absolute;
    left: 50%;
    top: 50%;
    background-color: red;
} 

majky358 · Napísal **majky358**: 05.10.2013 19:57

Kód:

margin: TOPpx auto;

pozícovanie podľa chuti

weroro · Napísal **weroro**: 05.10.2013 20:12

1.) margin: TOPpx auto; by si mal napísať už keď tak margin: TOP-BOTTOMpx auto; ale nevadí.
2.) Jeho otázka znela jasne: Chce automaticky zarovnávať div na stránke vertikálne aj horizontálne na stred, pri akomkoľvek rozlíšení. Tvoja rada mu nepomôže preto, lebo napr. margin:50px auto 0 auto; mu to dá presne na stred pri rozlíšení 1024x768, ale ako náhle príde niekto s rozlíšením 1680x1050, tak už nebude mať ten div vo vertikálnom strede, ale ho bude mať hore.

Jimi · Napísal autor témy **Jimi**: 06.10.2013 11:44

Dakujem vsetkym uz mi to funguje.

Centrovanie DIVu na stranke

Podobné témy