Firefox’da satıriçi(inline) elemanların padding-right sorunu

Şimdiye kadar hep Internet Explorer ile ilgili sorunlara değindim. Şimdi ise size en çok sevdiğim tarayıcı Firefox’un küçük bir sorununu aktarmaya çalışacağım. Amaç sorunu bilip ona göre kod yazmak.

Birden fazla satır içeren satıriçi(inline) elemanlara padding-right değeri atandığında, satıriçi elemanın sonuna padding-right değeri eklenir. Firefox 2 ve alt sürümlerinde pading-right değeri uygulandığı satıriçi elemanın tümüne uygulanacaktır. Bu problem Padding-left’de yoktur.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
div#kapsul { width: 260px; border: 1px dotted #999; margin: 40px }
span#metin { background: red; padding: 0 3em 0 0;}
</style>
</head>
<body>
<div id="kapsul">
<span id="metin">This is a longer line with some more text to see how the line will wrap in container</span>
</div>
</body>
</html>

Örnek sayfayı görmak için tıklayınız.

Internet Explorer 7(sorunusuz)

Firefox (sorunlu)

Ben hala Firefox’u çok seviyorum :D

Kaynak: https://bugzilla.mozilla.org/show_bug.cgi?id=122795

15 Yorum (Yorum Ekle)

Serdar Çatalpınar diyor ki:

Haziran 5, 2008, 18:22

Arkadaslar bu firefox tan cok cekktim.yaptıgım siteyi firefoxta acınca arka plan gorunmuyor.Bunu nasıl hallederim???Ben arka planı asp de source kısmından style ile verdimm.acaba css mi kullanmalıyım bunu nasıl asabilirim yardımcı olursanız sevinirim..Tesekkurler…

Cevapla

Salih Samet Demir diyor ki:

Mayıs 8, 2008, 17:29

Firefoxu seviyorum, Internet Explorer ı sevmiyorum. 7 yide sevmiyorum, 8i görmedim büyük ihtimal onuda sevmem :D

Bi an geliyor ki sitelerimi sadece firefoxta çalıştıracak şekilde yapıp ziyaretçiye zorla firefox indirtmek ne güzel olur diyorum, sırf PNG için…

Cevapla

Cihan ÖNER diyor ki:

Nisan 10, 2008, 10:57

CSS ‘i seviyorum, Sizi Seviyorum, Internet Explorer ‘i seviyorum, Firefoxu sevmiyorum!!
Neden Firefoxu çıkartmışlar ki? Neden böyle sorunları çözmeye bizi mahkum bırakıyorlar ki? Yazdığım CSS kodları IE de sorunsuz çalışırken neden Firefoxda test etmek zorundayım? Uzun lafın kısası, Fatih hocam sen süpersin seni çok seviyorum mCx (:

Cevapla

volkan ongun diyor ki:

Mart 10, 2008, 14:29

erdal, linki dıştan saran elemana

overflow: hidden;

vermen gerekiyor. ama height ve width’in auto veya tanımlanmamış olması gerekiyor.

Cevapla

Erdal diyor ki:

Mart 7, 2008, 17:09

Merhaba css de her şey çok güzel süper ama benim bir sorum olacak.
şimdi aşağıda yazacağım url taşacak ve çirkin bir görüntü oluşturacak. bunu nasıl çözüyorsunuz.
googleeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee

Cevapla

fatih.hayrioglu diyor ki:

Şubat 22, 2008, 12:11

Benim bildiğim bir çözümüm yok. Ama başıma böyle bir şey gelse elemanı bir blok haline getirip margin ve padding’ini sıfırlardım. Tabi duruma göre farklı çzöümler oluşturabiliriz.

Cevapla