人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

<div style="float:right;"> がIEだけ効きません。

FACEBOOK いいねボタンなどのSNSボタンをページに設置しようとしてます。
各ボタンを横並びにするため、CSS で FLOAT:RIGHT を以下のように
設定しました。

表示を確認したところ、FierfoxとChrome はちゃんと右から、

「Facebook」「 Google+1」「 ツイッター」

の順に横に並んだのですが、IE(ver9)のみ右から、

「Google+1」「ツイッター 」

と表示され、「Facebook」 はその1行上の一番左端に配置されてしまっています。

<DIV>
<!-- フェイスブック* -->
<div style="float:right; margin-right: 6px;">
<div id="fb-root"></div>
<script>
*** 中略 ***
</script>
<div class="fb-like" data-send="false" data-layout="button_count" data-width="110" data-show-faces="false"></div>

</div>
<!-- グーグル-->
<div style="float:right; margin-right: 6px;">
<g:plusone size="medium" annotation="none"></g:plusone>
<script type="text/javascript">

*** 中略 ***
</script>
</div>

<!-- ツイッター -->
<div style="float:right; margin-right: 6px;">
<a href="https://twitter.com

**** 中略*****
wjs");</script>
</div>

どこに問題がありますでしょうか?ちなみに、FACEBOOKのコードを<iframe>盤にした場合は、問題なく横に並びますが、HTML5版でやりたい次第です。

●質問者: cocoopit
●カテゴリ:インターネット ウェブ制作
○ 状態 :キャンセル
└ 回答数 : 0/0件

回答がありません
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ