Geçtiğimiz zamanlarda bizlere css hakkında nacizane sorular ile gelen meslektaşlarımız şu anda birer birer css eğitim setleri çıkartmakta (bilinçsizce) hepsine selam ediyorum. Yüzlerindeki eğitimci maske ile satış yaptığı insanları kendilerine eğilttikleri için.

Selman bey;

Belki açıklamasını yapamayacağından korkup "kullanmayacağız" diyerek geçiştirmiştir?

Halbuki, padding ve margin terimleri aynı anlama gelmez, gelemez. Margin, nesnenin dış boşluğu olur iken padding ise iç artalan boşluğudur. Bu durumda margin kullanılması gereken yerde margin, padding kullanılması gereken yerdede padding'i kullanmak gayet uygundur.

İşlemlerinizi yapmadan önce css dosyanızı sıfırlayınız.


<div id="header">
<div class="logo"><img src="img/logo.png" alt="" /></div>
</div>

#header{
width:700px;
height:90px;
}
.logo{
width:120px;
height:45px;
float:left;
margin-left:20px;
}

Kullanmak ne kadar doğal ise,

#header{
width:680px;
height:90px;
padding-left:20px;
}
.logo{
width:120px;
height:45px;
float:left;
}

kullanmak ta sizi sonuca ulaştıracaktır.

Padding değeriyle verilen iç boşluk aynı orantıda width değerinden düşülmelidir, aksi taktirde verilen boşluk değeri mevcut width değerinin üzerine pozitif değer olarak eklenecektir.

İyi çalışmalar.