2014-04-07 70 views
2

在我的php頁面,我申請cssdiv標記。該css工作文件在鉻。但是當我在mozila運行我的code時,它不適用。 這是我的代碼。CSS是不是在莫西拉firefox

<div class="due-money"> <?=$al_data7['data'][$j]['money']?></div> 

CSS代碼:

.due-money 
{ 

    background-color:#09C; 
    color:white; 
    width:20px; 
    border-radius:8px; 
    text-align:center; 
    padding:1px 2px; 
    margin-left:10px; 
} 

看到這裏
在mozila enter image description here

enter image description here

+1

看起來不錯。定義*「不(應用)」*。另外,'$ al_data7 ['data'] [$ j] ['money']'中有什麼樣的字符串?考慮使用'htmlspecialchars()'編碼任何意外/不需要的HTML – Phil

+3

這是你的小提琴。它看起來很好。 http://jsfiddle.net/RAtE3/ –

+1

它爲我 –

回答

1

不同的瀏覽器使用不同的CSS核心和不同的解釋(要想與衆不同,這與標準緊密相關),所以你必須考慮到所有的瀏覽器,像這樣

.due-money 
{ 
    background-color:#09C; 
    color:white; 
    width:20px; 
    -moz-border-radius: 8px; /* Firefox */ 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    text-align:center; 
    padding:1px 2px; 
    margin-left:10px; 
} 

更多信息,所有的瀏覽器可以found here

+0

仍然是同樣的問題。 –

+1

......只有當你在瀏覽器的更新,其中超過50%是不計。包括仍然在XP和IE7上的25%...例如,我的Android 2.3依賴於webkit。 – WASasquatch

+0

@AmitKumar我沒有看到用戶信息在屏幕截圖中的任何差異,但寬度問題。你可以採取其他具體表示該圓角問題,以及完整的CSS? – WASasquatch

1

你的問題很可能不是來自這個代碼塊的到來。 嘗試調試周圍的元素。如果您使用float將元素放在同一行上,則應確保在換行符時還有一個清除元素。

如果選中作爲獨立的,它是工作在Firefox爲好,至少在我工作的版本(我使用的版本28.0在Ubuntu)的圓角邊框元素。知道你使用的是什麼版本的Firefox,以及在什麼操作系統下,也可以幫助別人幫助你。

如果您不使用清除元素,這就是我使用的。

的HTML:

<div class="clear"> </div> 

的CSS:

.clear { clear: both; margin: 0; padding: 0; height: 0; line-height: 0; font-size: 0; } 

如果這仍然沒有解決您的問題,繼續調試周圍的元素風格,因爲也可能是一個繼承情況給你造成這個問題。

*或許您可以使用Friend Report部分的代碼更新您的帖子。