SNSボタンの余白調整(2)

SNSボタンの横並び
これまで、記事下にある SNSボタンは<table>タグを使って横並びにしてきましたが、
Tweetボタン Google+ ボタンの右横余白調整の為、<div>タグに変更しました。

参考サイト:Facebookとtwitterのボタンを並べる
Point
 「float: left;」「display: inline;」の設定
只、IE8 では相変わらず、Google+ ボタンの下半分は欠けます。

[対策]
 METAタグを使って IE8 以上の「標準モード」で表示させる事で対応
 <meta http-equiv="X-UA-Compatible" content="IE=8" />

 参考サイト:Google +1 ボタン 改行させないようにするには


【追記】(H25.11.8)
Facebook の「いいね」ボタンも 11/6 にデザインを変更
IE で吹き出しの右端が切れるようになったので、 HTML5 タイプに変更しました。
関連記事
  関連商品のご紹介
【スポンサーリンク】

最終更新日時: -0001年11月30日(水)00:00:00
ブログパーツ

Comment 0

There are no comments yet.

Leave a comment