[html][css]wypośrodkowanie div w pionie Opcje

[gothye]

Witam
jak wypośrodkować div w pionie (góra / dół ) ?

[pedro84]

Google.pl => vertical and horizontal div center

[gothye]

dodałem :

[HTML] pobierz, plaintext 
margin-top:auto ;
margin-bottom:auto;
[HTML] pobierz, plaintext 

ale nie działa (IMG:style_emoticons/default/sad.gif)

[pedro84]

Bo nie ma prawda? Drugi wynik z googla co Ci podałem.

[Baciok]

na przykład tak:

CODE

<div style="position:absolute;top:50%;left:50%;width:300px;height:200px;margin-left:-150px;margin-top:-100px;background:#ff0000;">test</div>

[kmike]

margin: auto; działa jeżeli masz podane stałe wartości elementu, szerokość i wysokość.

[HTML] pobierz, plaintext 
<div style="margin: auto; width: 100px; height: 100px; border: 1px solid #000;">
tresc</div>
[HTML] pobierz, plaintext 

[tomkowy]

motyw jest taki:

jak masz tego diva to:

Kod

position absolute lub relative,
top:50%;
margin: - połowa wysokosci diva 0px 0px 0px;

jesli chcesz miec wysrodkowane z kazdej strony to:

Kod

top: 50%;
left: 50%;
margin: -połowa wysokości px 0px 0px - połowa szerokosci px;

proscizna (IMG:style_emoticons/default/winksmiley.jpg)

Ten post edytował tomkowy 23.05.2010, 01:31:00