css vertical align?

Turiu div bloką <div id="turinys"> kuris apima visą mano svetainės turinį. Aš noriu, kad jį atvaizduotu horizontaliai bei vertikaliai centre.

Googlinau, radau vertical-align: center; komandą, tačiau ji man neveikia.

Turit idėjų?

ta prasme, kad tas blokas būtų puslapio viduryje? siūlyčiau žaisti su margin-top ir margin-left nustatinėjant reiškmės procentaliai :) bet jei išties, tai nesuprantu, ką tu čia nori išgauti su tokiu dalyku, kadangi, dažniausiai, vertikalus blokų lygiavimas yra visiškas nonsensas.

Jeigu nori atvaizduoti div puslapio centre vien tik su CSS, tada tinka toks receptas:

#turinys {
display:block;
position:absolute;
top:50%;
left:50%;
width:500px;  /* nusistatai pats */
height: 500px;  /*nusistatai pats */
margin-left: -250px;  /* paskaičiuojamas pagal formulę: (-1) * width / 2  */
margin-right: -250px;  /* paskaičiuojamas pagal formulę: (-1) * height / 2  */
}

jeigu nori ekrano centre, tada position:absolute keiti į position:fixed;

Jeigu nori atvaizduoti div puslapio centre vien tik su CSS, tada tinka toks receptas:

 

#turinys {
display:block;
position:absolute;
top:50%;
left:50%;
width:500px;  /* nusistatai pats */
height: 500px;  /*nusistatai pats */
margin-left: -250px;  /* paskaičiuojamas pagal formulę: (-1) * width / 2  */
margin-right: -250px;  /* paskaičiuojamas pagal formulę: (-1) * height / 2  */
}

 

jeigu nori ekrano centre, tada position:absolute keiti į position:fixed;

Dėkui :)