aliniere verticala DIV
Last Updated: Apr 16 2010 23:25, Started by
Alta_
, Apr 12 2010 08:24
·
0
#1
Posted 12 April 2010 - 08:24
Daca vreau sa pozitionez Vertical un DIV (cu o inaltime stabilita) pe centrul paginii, fara sa folosesc javascript, doar din CSS, ce e de facut? Deocamdata n-am facut decat sa dau dau inaltime 100% div-ului parinte si sa stabilesc margin-top, tot procentual (sa zic 20%) pentru div-ul de aliniat, asa incat la rezolutii mari sa nu fie cocotat in partea de sus a paginii. Dar e ok practica asta?
|
#2
Posted 12 April 2010 - 09:35
Alta_, on 12th April 2010, 09:24, said: Daca vreau sa pozitionez Vertical un DIV (cu o inaltime stabilita) pe centrul paginii, fara sa folosesc javascript, doar din CSS, ce e de facut? Deocamdata n-am facut decat sa dau dau inaltime 100% div-ului parinte si sa stabilesc margin-top, tot procentual (sa zic 20%) pentru div-ul de aliniat, asa incat la rezolutii mari sa nu fie cocotat in partea de sus a paginii. Dar e ok practica asta? http://www.jakpsatwe...r-solution.html Edited by alin19, 12 April 2010 - 09:36. |
#3
Posted 12 April 2010 - 10:50
Mersi mult, a mers ce era acolo cu mici modificari; de exemplu faza cu top:-50%, nu a mers la mine, a trebuit sa specific in pixeli (dar nu e problema caci inaltimea div-ului de aliniat vertical este fixa, asa ca am impartit-o la 2).
|
#4
Posted 12 April 2010 - 21:49
Alta_, on 12th April 2010, 11:50, said: Mersi mult, a mers ce era acolo cu mici modificari; de exemplu faza cu top:-50%, nu a mers la mine, a trebuit sa specific in pixeli (dar nu e problema caci inaltimea div-ului de aliniat vertical este fixa, asa ca am impartit-o la 2). PS in loc de {div-...} pui ce valoare are inaltimea / latimea div-ului. |
#5
Posted 12 April 2010 - 23:30
neobluenet, on 12th April 2010, 22:49, said: Pai daca pui in pixeli nu mai ii fix pe mijloc, ca eu poate am alta rezolutie decat ai tu. top trebuie sa ia ca valoare absoluta una pozitiva, la fel si left. Trebuie sa pui top:50%; left:50%; margin: -{div-height}/2px auto auto -{div-width}/2px; In pixeli am specificat cu cat sa se ridice in sus DIV-ul "problema" fata de linia de mijloc a ecranului (50% din Height-ul ferestrei), ceva de genul: #div_median {position: absolute; top: 50%;} #div_de_aliniat {position:relative; top:-([height]/2)px;} Edited by Alta_, 12 April 2010 - 23:31. |
#6
Posted 16 April 2010 - 16:26
position:absolute; top:50%; left:50%; margin-left:(width/2)px; margin-top:(height/2)px Și asta fără țâșpe div-uri suplimentare |
#7
Posted 16 April 2010 - 21:51
@i0nutzb
Pare logic ce e mai sus, insa nu-mi merge asa, se duce in div-ul in dreapta jos. Nu stiu ce-mi scapa, testeaza si tu linia asta, sa vezi ca e asa cum zic: <div id="intro" style="position:absolute; top:50%; left:50%; margin-left:422px; margin-top:255px; width:844px; height:510px; border: solid 1px #444;"> de aliniat pe mijlocul ecranului </div> |
#8
Posted 16 April 2010 - 21:58
<div id="intro" style="position:absolute; top:50%; left:50%; margin-left:-422px; margin-top:-255px; width:844px; height:510px; border: solid 1px #444;">
de aliniat pe mijlocul ecranului </div> Edited by MonK3y, 16 April 2010 - 21:59. |
#9
Posted 16 April 2010 - 22:16
Corect, am uitat de minus! Merge in toate browserele. Va multumesc.
|
Anunturi
Bun venit pe Forumul Softpedia!
▶ 0 user(s) are reading this topic
0 members, 0 guests, 0 anonymous users