Sabit konumlandırdığınız bir nesnenin yatayda ortalanmasını istiyorsanız margin-left:-(nesnenin genişliğinin yarısı) vermeniz yeterlidir.
Örnek 100px genişliğinde bir img var elimizde. O zaman kodumuz aşağıdaki gibi olacaktır.
.img1 {
position: absolute;top: 30px;
left: 50%;
margin-left: -50px;
}
position absolute yapmak için önce o elementin dışındaki elemeti relative yaptığımızı da unutmayalım.
Önemli bir ekleme
Teşekkür ederim.
bunun çok benzeri bir zımbırtıyı vertical (dikey) ortalama için IE de kullanabiliriz.
Şahsen şu an çalıştığım şirkette istemeye istemeye yazdığım frontend kodlaması ile öğrendim.
bir backend developer olarak frontend ile uğraşmak gerçekten can sıkıntısı…
Çok faydalı bi bilgi oldu. Elinize sağlık. Aslında teknik olarak çok basit ama çok zekice bir çözüm.
Genişliği belli olan bir nesneyi : “margin:0 auto” yaparak zaten basit bir şekilde ortalayabiliyoruz diye biliyorum. Hangisi daha avantajlı veya bu sadece bir alternatif mi oldu bize şimdi
@Harun Memiş “position: absolute” belirlediğiniz div’e herhangi bir tanımlama yapmazsanız sayfanızın soluna dayanacaktır. Yukarıdaki kod bunu engellemek için yazılmıştır.
Herhangi bir position belirlemesi yapmaya ihtiyacınız yoksa söylediğiniz gibi genişliği belli olan dive “margin:0 auto” tanımlaması yapmanız yatayda ortalamak için yeterlidir.
@Gözde Berberoğlu Anladım teşekkürler.