Css Margin Hakkında

18-12-2010, 02:04:19

Merhaba,

Ücretli bir css seti almıştım, şunu söylüyordu:
" Margin left ve right kısımlarını kesinlikle kullanmayacağız, farklı browserlarda kayma yapar. Bunun yerine padding kullanmalıyız. "

Fakat w3schools dan bakıyorum böyle bir noktaya değinilmemiş, google da ve bu forumda da böyle bir post ile karşılaşmadım. Margin left ve rightın bir sakıncası varmı yoksa kullanabiliyormuyuz?

18-12-2010, 02:28:59

#2

Creaop

şimdiye kadar hiç böyle birşey başıma gelmedi

18-12-2010, 02:57:37

#3

qarizma16

Aynen benimde başıma böyle bişey gelmedi.Bir de böyle bişeyi ilk defa duyuyorum.

18-12-2010, 11:12:08

#4

AycanB

Kimlik doğrulama veya yönetimden onay bekliyor.

Selmanh adlı üyeden alıntı: mesajı görüntüle

Merhaba,

Ücretli bir css seti almıştım, şunu söylüyordu:
" Margin left ve right kısımlarını kesinlikle kullanmayacağız, farklı browserlarda kayma yapar. Bunun yerine padding kullanmalıyız. "

Fakat w3schools dan bakıyorum böyle bir noktaya değinilmemiş, google da ve bu forumda da böyle bir post ile karşılaşmadım. Margin left ve rightın bir sakıncası varmı yoksa kullanabiliyormuyuz?

Display:inline-block; kullanmayınca bazen margin-left:40px; verginde 40 px soldan sağa gitmiyor bunu demek istemiş sanırsam.

Margin-top içinde böyle birşey geçerli ya boyunu overflow:hidden vereceğiz yada üstüne bir temizle classı atacağız.

18-12-2010, 11:47:59

#5

hrngndz

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.

18-12-2010, 11:57:09

#6

Selmanh

Yardımlarınız için teşekkürler.
En kötü şeyde yanlış öğrenip, zihinde bu yanlışı düzeltmekmiş.

18-12-2010, 15:13:30

#7

~~ShekerChi~~

Üyeliği durduruldu

margin left ve right, eski browserlarda 2 katı olarak çalışıyor da o yüzden böyle bişi demiştir. mesela margin-left:20px yaparsan sen, ie6da baktığında 40px kadar sola itme yaptığını görürsün.

18-12-2010, 17:57:13

#8

Selmanh

@hrngndz
Cevabınız için teşekkür ediyorum. Kafamdaki soru işaretleri silindi.

@Shekerci
2 level bloklarda dediğin problem oluşuyormuş, display inline ile çözülüyormuş. Bende margin-left sorunu diye google 'da ararken bahsettiğin yazıyla konuyla karşılaşmıştım. Cevabın için teşekkürler.