Wycentrowanie diva (góra - dół) Opcje

[Sexee]

Mam na myśli wyśrodkowanie w pionie, która funkcja za to odpowiada? Dawno się w tym nie bawiłem i zapomniałem.

EDIT: Szukam i szukam ale chyba nic takiego nie ma, trzeba się bawić procentami, pikselami i tak dalej. A szkoda, bo to podstawa. W CSS 4 powinni to zrobić, bo w kółko ciągłe kombinacje - choćby jedną funkcję, która tylko centruje i jednocześnie zostawić obecny sposób, bo nie zawsze robi się takie rzeczy by coś wyśrodkować. Jak ktoś zna w miarę prosty sposób, ale na DIVA to niech napisze. Mi się tylko na czcionkę udaje znaleźć takie w miarę fachowe centrowanie.

Ten post edytował Sexee 1.04.2012, 21:03:49

[mortus]

@by_ikar: Żaden z podanych przez Ciebie stylów CSS nie wyśrodkuje div-a w pionie. margin: auto nie zadziała w ogóle, margin-top: 50% przesunie div-a poniżej połowy strony, tak, że górna jego krawędź będzie w połowie. Jedynie trzecia propozycja przy ustawieniu dodatkowych atrybutów CSS zadziała jak trzeba:

[CSS] pobierz, plaintext 
div {
  margin-top: -250px;
  margin-left: -300px;
  width: 600px;
  height: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
}
[CSS] pobierz, plaintext 

choć nie zagwarantuję, że będzie to działać na wszystkich przeglądarkach. Alternatywą jest obliczenie pozycji div-a w JavaScript i nadpisanie stylu CSS.

[by_ikar]

@by_ikar: Żaden z podanych przez Ciebie stylów CSS nie wyśrodkuje div-a w pionie. margin: auto nie zadziała w ogóle, margin-top: 50% przesunie div-a poniżej połowy strony, tak, że górna jego krawędź będzie w połowie. Jedynie trzecia propozycja przy ustawieniu dodatkowych atrybutów CSS zadziała jak trzeba

W przypadku margin: auto, nie byłem pewien, dlatego podałem margin-top: 50% jako dodatek, a nie jedyne użycie, tyle że o tym nie wspomniałem.. Można to również zrobić marginesem, tyle że nie będzie to tak uniwersalne, ponieważ margines górny/dolny trzeba określić w zależności od wielkości elementu: http://jsfiddle.net/4d7sb/ im większy element, tym margines dolny/górny jest mniejszy. Można dodać do tego position absolute, można pobawić się w position fixed. Jak komu jest to potrzebne.