1

私が取り組んでいるサイトでは、何らかの理由で、SafariのマージンをFF、IE8、Chrome、Operaとは異なるものにする必要がありますか？ラベルの横に並べたいリンクがあります。12ピクセルの違いが必要なSafariを除いて、すべてうまく並んでいます。問題をよりよく説明するためのスクリーンショットを次に示します。クリック

Safariのスクリーンショットは、ラベルが低すぎることを示しています。これは、動作中の4つのブラウザーに使用するCSSです。

.submitter a {
    float: right;
    margin: -2px 0 0 2px;
    padding: 0 !important;
}

これがSafariで機能するコードですが、これを使用すると、リンクが12ピクセル上にスローされます。

.submitter a {
    float: right;
    margin: -14px 0 0 2px; Works in Safari & Chrome
    padding: 0 !important;
}

これに光を当てることができる人はいますか？TIA

4

4 に答える 4

2

これはそれを整理するようです：

.submitter a {
    float: none;
    display: inline !important;
    margin: 0 0 0 2px;
}

カスケードの無意味な使用のために、そこでは本当に非常に複雑です。

いくつかのルールは、次のようなセレクターが原因ではないはずの要素に適用されています。

.box_777 ul li a

そのセレクターを次のようなものに置き換えたほうがよいでしょう。

.individual-likes > a

ただし、セレクターを改善するとページの表示方法がどのように変わるかを予測することは困難です。

于 2011-03-24T02:23:15.150 に答える
0

そのように上昇する理由は、-ピクセル値が原因である可能性があります。それらはdivに正しくネストされていますか？また、Chromeボタンに同じ配置（CSS、Htmlなど）を適用しましたか？

于 2011-03-24T02:13:18.097 に答える
0

サイトを見ると、アンカーはによって設定さblockれて.box_777 ul li aおり、すぐに浮かんでい.submitter aます。

私が削除するdisplay: block;と、float: right;物事は整列します。

于 2011-03-24T02:13:35.083 に答える
0

多くのことが起こっていますが、次のいずれかを試してみてください。

.submitter .smalltext { float: left; }

（また）

「follow」アンカータグを「smalltext」スパンの前に移動します

于 2011-03-24T02:18:00.587 に答える