2012-08-28 75 views
0

www.nextag.com/camera/stores-html 打開下面的網址和刷新頁面差異在Firefox瀏覽和鉻

通知的幫助圖標旁邊的右上方corner..it郵政編碼的位置錯位時 現在在Firefox打開相同的。它是正確對齊..

這個CSS代碼如下:

background: none repeat scroll 0 0 white; 
border: 1px solid #C2CCCC; 
border-radius: 4px 4px 4px 4px; 
color: #C2CCCC; 
display: block; 
float: right; 
font-weight: bold; 
height: 13px; 
margin-left: 4px; 
text-align: center; 
width: 12px; 
padding-right: 1px; 

,使其工作在Firefox ..我的廣告DED以下3個屬性:

position: relative; 
top: -15px; 
left: 18px; 

然後它開始在Chrome中工作正常,但現在它得到了在Firefox錯位..我該怎麼辦?

回答

1

你裏面有一個A.跨簡禁用「浮動:權利」屬性,並添加「顯示:內聯」

.rb span.zip-info { 
    dispay: inline; 
    float: none; 
} 
+0

我做了你所說的,除了它,我刪除了填充權和添加填充: 0px 3px attribut ..一切都解決了,但圖標的大小相比它應該是減少了某種方式! – vipin8169

1

您是否嘗試過使用「位置:絕對」屬性而不是「位置:相對」?

似乎Firefox有一個不可見的填充或邊距,將元素放置在文本空間的右上角。 Chrome會將該元素放置在文本流之外的fieldset元素的右上角。

你可以做一件事添加一個div包裝,然後絕對將元素放在包裝的右上角。

希望這會有所幫助。

+0

是的,我絕對試過,相對,靜態等 他們都沒有工作。 靜態工作正常在Firefox中,但然後它出錯了鉻:/ – vipin8169

1

添加屬性float:left

.rb #zipTxt a { 
color: #2283AB; 
font-size: 12px; 
font-weight: bold; 
float: left; 
} 
+0

字體大小:11像素幫助..:D – vipin8169

相關問題