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
örneği görebileceğimiz bir link varmı. Bütün tarayıcılara göre sorun varsa bence kodda sorun vardır
fatih bey benim yaptıgım tasarım mozzillada IE da operada farklı tepkiler veriyo
yattıgım tabloların mozzillada yer degiştirdigini.
görüyorum ne yapmalıyım
@ali ömer sorun yaşadığın sayfayı göre bilirmiyiz?
evet bu sorunu bende yasıyorum.. ama nasıl duzeltebilirim. bosluk olmasını ıstemıyorum. bilmiyorum ama internet explorer 6 ile 7 arasindada fark goruyorum.. yaptigim yatay menu explorer 7 de sorunsuz calısıor 6 da ise her bir kodundan sonra yaklasık olarak 5px degerinden bosluk bırakıyor.. bu sorunu nasil cozumleyebilriz?
@Serdar Bir link varmı ?
firefox un genelde backgroun ile ilgili sorunu yoktur