0

私は問題があります。HTML5 + CSS3 を使用して Web サイトを再設計しています。いいねボタンとフォローボタンのあるバーを作っています。私は通常、ul の高さが 20px で、各子の li 要素の高さが同じ 20px で、float:left の順不同リストでそれらを処理します。次に、div.fb のようなものとフォロー ボタンを別の li に挿入します。

私が抱えている問題は、Windows では、いいねボタンが IE9、Firefox、Opera では 6 ピクセル下に移動しますが、Chrome と Safari では正常に動作することです (すべてのブラウザーは最新です)。jquery css fix を使用してみましたが、問題なく動作しましたが、Chrome の Macbook でサイトを開いたところ、6px の移動で同じ問題が発生しました。

以前、ほぼ同じバー レイアウトを使用した別のページを作成しましたが、それは XHTML 1.1 Transitional を使用していました。なぜかその問題はありません。

いいねボタンの HTML5 バージョンを使用しています。

ここでデモを見ることができます: http://yucatan.travel.zebradm.mx/prueba.php

4

1 に答える 1

1

どこかに垂直に配置されたテキストの下部があります:

.fb_iframe_widget span {
position: relative;
display: inline-block;
vertical-align: text-bottom;
text-align: justify;
}

外すと整列します

于 2012-08-10T18:46:39.060 に答える