Problem sa vertikalnim centriranjem diva u divu !

Problem sa vertikalnim centriranjem diva u divu ! 10.03.2013. u 02:04 · pre 166 meseci #1

Molim za pomoc, naime ne umem da centriram div u divu, vertikalno centriranje u samom divu, horizontalno centriranje radim preko <div align="center"> i odlicno radi, ali vertikalno mi ne radi, probao sam preko vise tagova i delova koda, ali ne radi, zapravo ocu da centriram fotku koja se nalazi u divu, i da je stavim u centar diva, da li moze direktno da se centrira <img> il treba <img> staviti u <div> pa onda centrirati sam div ?

vertical-align: middle; mi nije radio, ako sam ga dobro napisao...

Re: Problem sa vertikalnim centriranjem diva u divu ! 10.03.2013. u 03:15 · pre 166 meseci #2

Da centrraš div? I tata bi sine... :)
A slika može...

Code:
#div {
background-image: url(image.jpg) no-repeat 50% 50%;
}

ili

Code:
#div {
background: #FFF url(image.jpg) no-repeat 50% 50%;
}

ako hoćeš da imaš i boju.

Re: Problem sa vertikalnim centriranjem diva u divu ! 10.03.2013. u 03:40 · pre 166 meseci #3

^^ Prvi blok koda ti nije kako treba.
Ako pišeš background-image onda samo to i ostaviš za property - lokaciju/naziv slike.

Code:

    background-color:#fff;
    background-image:url(picture.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:50% 50%;

Drugi primer već može da prođe.

Potpis

about:networking

Re: Problem sa vertikalnim centriranjem diva u divu ! 10.03.2013. u 19:46 · pre 166 meseci #4

Bas sam neki dan na poslu imao problem slican ovome. Resenje mozes videti na ovoj strani http://jsbin.com/ajofif/7/edit . Osnovne karakteristike ovog resenja su display:table-cell koji dozvoljava verikalno pozicioniranje elemenata i da taj div mora imati definisanu visinu.

Re: Problem sa vertikalnim centriranjem diva u divu ! 11.03.2013. u 18:49 · pre 166 meseci #5

resio sam problem sa ovim http://jsbin.com/ajofif/7/edit ,radi mi ovo resenje, tako da cu nastavim sa ovim, dosta je dobro resenje....

Re: Problem sa vertikalnim centriranjem diva u divu ! 13.03.2013. u 14:52 · pre 166 meseci #6

Citat:

plus_minus:
^^ Prvi blok koda ti nije kako treba.
Ako pišeš background-image onda samo to i ostaviš za property - lokaciju/naziv slike.

Code:

    background-color:#fff;
    background-image:url(picture.jpg);
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:50% 50%;

Drugi primer već može da prođe.

Da neko ne bi došao u zabludu... Ovo gore nije tačno, jer može da se koristi i ovako skraćeno, a ako meni ne veruješ, pogledaj ovde: http://www.w3schools.com/css/css_background.asp

Re: Problem sa vertikalnim centriranjem diva u divu ! 14.03.2013. u 00:24 · pre 166 meseci #7

^^ hint: ne preleći preko redova kad čitaš (a i onda kada citiraš) i ukapiraćeš i sam. Niko nije u zabludi, niti bi trebao da dođe do iste zbog konkretnog slučaja.

tvoj Drugi primer već može da prođe.

A background-image je samo image. Ne i širina, visina, pozicija, jel' je fiksna ili nije, itd.

Potpis

about:networking

Forum kao aplikacija na telefonu

Srodne teme