Evet başlıkta da dediğim gibi bu yazıda herhangi bir divi yatayda sayfaya boşluk bırakmadan yerleştirmeyi yazacağım.Eminim çoğumuz görmüş ve beğenmişizdir bu özelliği fakat bunun nasıl yapıldığına, kodlarına ulaşmak maalesef internetteki bilgi kirliliği yüzünden imkansız gibi, benim de çok zamanımı aldı neyse.
Burada önemli olan birkaç değer var.
Bunlardan ilki width değeri öncelikle bunu
width:100%; olarak tanımlıyoruz,
Ardından dış boşluk yani margin değeri var bunu
margin:0px;
olarak veya
margin-left:0px;
margin-right:0px; olarak tanımlıyoruz,
Daha sonra sırada right ve left değerleri var bunları da
right:0px;
left:0px; olarak tanımlıyoruz ve
Son olarak da position değerini,
position:fixed; olarak tanımladıktan sonra artık divimize merhaba diyebiliriz.
Tüm kodların son hali :
width:100%;
margin:0px;
left:0px;
right:0px;
position:fixed;
olacak.
Bir dahaki nota kadar görüşmek üzere, kolay gelsin.
Edit : Tarih : 2 Ocak - 2015
-Ayrıca border yani kenarlık değeri de 0 olmalı aksi takdirde yanlarda boşluklar görülecektir.
width:100%;
margin:0px;
left:0px;
right:0px;
position:fixed;
border:0px;
Burada önemli olan birkaç değer var.
Bunlardan ilki width değeri öncelikle bunu
width:100%; olarak tanımlıyoruz,
Ardından dış boşluk yani margin değeri var bunu
margin:0px;
olarak veya
margin-left:0px;
margin-right:0px; olarak tanımlıyoruz,
Daha sonra sırada right ve left değerleri var bunları da
right:0px;
left:0px; olarak tanımlıyoruz ve
Son olarak da position değerini,
position:fixed; olarak tanımladıktan sonra artık divimize merhaba diyebiliriz.
Tüm kodların son hali :
width:100%;
margin:0px;
left:0px;
right:0px;
position:fixed;
olacak.
Bir dahaki nota kadar görüşmek üzere, kolay gelsin.
Edit : Tarih : 2 Ocak - 2015
-Ayrıca border yani kenarlık değeri de 0 olmalı aksi takdirde yanlarda boşluklar görülecektir.
width:100%;
margin:0px;
left:0px;
right:0px;
position:fixed;
border:0px;
HElal Olsun eline sağlık mukemmel bir bilgi
YanıtlaSil