CSS centravimas vertikaliai

Šiandien nuo ankstyvo ryto bandau išcentruoti vertikaliai tinklalapį, bet niekaip neišeina. :rolleyes:

Teko išbandyti JS kodą bei daug visokių CSS+HTML gudrybių, bet niekaip neišėjo išcentruoti. Gal turite kokių pasiūlymų ar savo variantų?

Būčiau dėkingas

Nejaugi nėra žinančių?

arba su margin arba su vertical-align.

Gali dar procentaliai nurodinet ir pozicija nustatinet.

Šitus jau bandžiau. Dėjau ir line height. Nežinau jau idėjų pritrūkau visiškai.

Na gal dar koks pasiūlymas bus?

Visų pirma pataikei ne į tą forumo skiltį o visų antra tai pvz būtų toks:

<div id="centras">Labas rytas :)</div>

#centras {
position:relative; // arba kitas priklausomai nuo norų :) 
left:50%;
width:450px;
margin-top:90px;
margin-left:-225px;
}

Gal ir paveluotai, bet matau dar niekas neatsake :)

html, body {

margin: 0px;

padding: 0px;

width: 100%;

height: 100%;

}

#centras {

position:absolute;

left:50%;

top: 50%;

width:450px;

height: 30px;

margin-top:-15px; /*puse height aukscio*/

margin-left:-225px; /*puse width ilgio*/

}

<div id="centras">As lango centre</div>