CSS ile Div'i Sayfaya Sıfırlama

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;

Yorumlar

Yorum Gönder