Centrovanie DIVu na stranke

Jimi · Napísal **Jimi**: 05.10.2013 17:12 | Centrovanie DIVu na stranke

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 | Centrovanie DIVu na stranke

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 | Centrovanie DIVu na stranke

Kód:

margin: TOPpx auto;

pozícovanie podľa chuti

weroro · Napísal **weroro**: 05.10.2013 20:12 | Centrovanie DIVu na stranke

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 | Centrovanie DIVu na stranke

Dakujem vsetkym uz mi to funguje.

Centrovanie DIVu na stranke

Centrovanie DIVu na stranke

Podobné témy

zobrazenie divu vedla divu centrovaného na stred

Centrovanie stranky

Centrovanie stránky

centrovanie na stred

Centrovanie celej stránky

Centrovanie grafiky na stred obrazovky

Zlé centrovanie stranky v IE

Centrovanie do stredu v HTML5, CSS3

rovnake centrovanie pre opera a firefox

Roztiahnutie divu

vyska divu

zobrazenie DIVu

Vycentrovanie divu

pisanie do divu

CSS: roztiahnutie divu

špeciálne načítanie divu