Divleri Ortalamak

ÖNCEKİ ÖRNEK | SONRAKİ ÖRNEK
İLGİLİ MAKALEYİ OKU

Reklam

Divleri kolayca ortalayın!

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.