Y Giriş Yap


Kod Ninjaları şu an beta aşamasında. Her geçen gün birbirinden güzel özelliklerin yayına alındığına şahit olacağınız bu süreçte eleştiri,soru ve sorunlarınızı bizimle paylaşmanız bizim için çok önemli. FacebookE-posta

Beta kullanıcısı olmak için başvuru yaptıysanız,çok yakında bir davet kodu alacaksınız.



Absolute bir Div elementini sayfada ortalamak?


4
position:absolute değerine sahip bir div elementim var. Sayfada ortalamak istiyorum. Ama sayfanın genişliği belli değil. Nasıl ortalayabilirim?
csshtml
3
Bu şekilde yapabilirsin:
<div style="position:absolute;left:50%;">
<div style="position:relative;background-color:#ccc;left:-50%;">
İçerik Ortalandı.
</div>
</div>
2
Eğer bir tek div olacaksa,yani iç içe iki div kullanmayacaksan,şu şekilde yapabilirsin:


#ortala{
position:absolute;
display: block;
width:350px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
}


Elbette width değerini değiştirebilirsin,ama 50% veya auto değerlerini kullanırsan div ortalanmaz.
1
<style>
.div{
width:300px;
position:absolute;
left: calc(50% - 150px);
}
</style>

Cevap Yaz:
(Bu kısmı sadece aklınızda bir çözüm varsa kullanın.)
(Kod Önizle kodlarınızı kod adresindeki id'yi kullanarak %%150%% formatında ekleyebilirsiniz. Bu şekilde eklenen kodların sağ üst köşesinde "Düzenle/Önizle" seçeneği çıkar.

Giriş Yap