/ / mozilla Firefoxでは動作しているがChromeやSafariでは動作していない私のCSSの問題 - css、firefox、google-chrome、safari、css3

mozilla Firefoxで動作している私のCSSの問題ですが、ChromeやSafariでは動作しません。 - css、firefox、google-chrome、safari、css3


私がテストしたとき、私はCSSで小さなページを作成しますこれはMozilla Firefoxではうまく機能します。しかし、私はクロム、サファリで同じことをテストしたとき。動いていない。そして、私がクロムのためにCSSを作成したとき、それはSafari上で動作しますがmozilla Firefox上では動作しません。それに対する解決策はありますか。

どうもありがとう、aby

span.back{
position:absolute;
margin-left:-55px;
margin-top:5px;
}

span.header{
position:absolute;
margin-left:30px;
margin-top:-12px;
color:  #98AFC7;
font-family: arial, verdana, ms sans serif;
font-size: 14pt;
font-weight:bold;
}

回答:

回答№1の場合は-1

たぶん、その位置決め作業のために(テーブルの中ではあるが、いくつかのブラウザで問題を引き起こすかもしれない)、spanがインラインであるのでdisplay:blockプロパティを.headerと.backに割り当てる必要があります。

そこのHTMLには、開始TRがありませんが、私はただコピー/貼り付けの問題だと思います。 一般的に、それほど多くの廃止予定のhtml属性を回避し、それらをcssシートファイルに移動する方が良いです。これらのマージンは、いくつかのIEブラウザでは異なる動作をする可能性もあります。