Logo
Blog

CSS ile Bir Div'i Dikey Olarak Ortalamak

Merhaba arkadaşlar;

Muhtemelen bir çok sitede özellikle açılış sayfalarında sayfanın ortasında duran bir dive rastlamışsınızdır. Ki modern web sitelerinde giriş panelinin veya video playerin veya bunun gibi componentlerin sayfanın tam ortasında konumlandırılması göze çok güzel görünüyor.

Bunun için ihtiyacınız olan kodları codepen.io üzerinde ki sayfamızda hazırladık, burada da paylaşıyoruz. 

Ortalama da temel kullandığımız mantık şu; Kodumuzu 3 katmanlı div içerisine yazıyoruz. En dıştaki div'i (outer) bir table olarak tanımlıyor ve genişlik - yükseklik değerlerini %100 olarak giriyoruz. Akabinde 2. katmandaki div'i (middle) tablo hücresi olarak belirliyor ve dikey hizalamasını middle olarak giriyoruz.

 

Kodlarda anlamadığınız bir yer olursa yorum kısmından sorabilirsiniz arkadaşlar

Author

Muhammed Yusuf TAŞKESENLİGİL

Hakkında: Hakkında: 2015 Haziran ayında KTÜ Bilgisayar Mühendisliği bölümünden mezun oldum. Yaklaşık 4 yıldır web teknolojileri üzerinde çalışıyorum. HTML, CSS, JavaScript ve PHP alanlarında proje geliştiriyorum. Teknolojiyi seven ve hayatının her alanında kullanan biriyim.

Bootstrap Tam Ekran Slider (Full Screen Carousel) Önceki Yazı
HTML5 ile Bildirim (Notification) Gönderme Sonraki Yazı

0 Yorum

    Henüz hiç yorum eklenmemiş!

Bir Yorumda Sen Bırak