Web Tasarım ve Programlama Sitesi

Aşağıdaki gibi bir kod yazıldığı zaman internet explorer ve Firefox bu css’i farklı yorumlamaktadır. Margin ile sayfanın üst tarafındaki boşluk 0 verilmesine rağmen Firefox üst tarafta boşluk bırakmaktadır.

body {
 background-image: url(resim/tema/zemin.gif);
 margin-top: 0;
 padding-top: 0;
}

Bunun nedeni firefox’un p taglarını internet explorer’a göre farklı yorumlaması ve bi miktar yükseklik vermesidir. Çözüm için p taglarını biçimlendiren ve etrafındaki genişliği sıfırlayan css eklenmelidir. Aşağıdaki kodlar css sayfasına eklenerek sorun çözülür.

P {
 margin:0 0 1em 0; margin: 0 0 1em 0;
 padding:0; padding: 0;
 }