Bu teknik HTML stilini tablo hücresi olarak tanımlayıp içersindeki body tagını vertical-align ile ortalamaktadır.
Böylece güncel browserlarda(IE8+, Safari, Opera, Firefox ve Chrome) sorunsuz olarak çalışır.
Dikey ortalama IE'nin -7 versiyonlarında çalışmamaktadır fakat yatay ortalama çalışır.
html,
body {
width:100%;
height:100%;
margin:0;
padding:0;
}
html {display:table;}
body {
display:table-cell;
vertical-align:middle;
}
.ortalama {
max-width:50em;
margin:0 auto;
}Makalenin tamamını görüntülemek için burayı tıklayın.