以下の例からわかるように、Facebookのようなボタンは、日付と記事の開始の間の空白スペースに表示されるはずですが、私が理解できない未知の理由のために下方にシフトした。私はそれが不明瞭な奇妙なCSSのものだと確信していますが、どんな助けもありがとうございます。ありがとう! :-)余白や詰め物がないのにFacebookのようなボタンのオフセットがdivの下にある
0
A
答えて
2
私が問題に
を源泉ライン30
http://readabout.me/stylesheets/news.css iframe.fb_ltrマージン#ニュース階建て削除してください - と "#fbLikeButton" 問題にパディングトップを設定するには
I could fixed the issue on firebugg , this is print screenを解決するだろうが。
1
を私はこれがあなたの問題を解決すると思います:)
<div id="fbLikeButton" style="height: 50px; ">
編集:私は@cpilkoが正確に発見したと思います理由は、私はnews.cssがあなたのものではなくFacebookのものだと信じていますが、その場合はあなたのCSSに次のコードを追加してみてください。
あなたnews.cssファイル内の削除行30#news-story iframe.fb_ltr {
margin: 0 !important;
}
2
:
#news-story iframe.fb_ltr {margin:25px 0 10px 0;}
あなたが明示的のようなボタンはiframeに25ピクセルの上部余白を与えています。
0
だけのようなボタンで高さプロパティを追加 - #fbLikeButton{height:60px;}
0
は、これが働いていました。みんな、ありがとう!
-#news-story iframe.fb_ltr {margin:25px 0 10px 0;}
+
+div#fbLikeButton {
+ margin-top: 10px;
+ margin-bottom: 10px;
+}
基本的に、私は内部のスタイリングを取り除き、周囲のdivのスタイルを決めました。私はボタンiFrameのようにFacebookの中で実際にスタイルを設定したコードを持っていることは分かっていませんでした。
関連する問題
- 1. div内の表のセルに余分な上の詰め物があります
- 2. DataTableの下に余分な空白があります
- 3. スタイルワイズ<br>または詰め物/余白要素
- 4. 高さdiv詰め物100%
- 5. divの下にjquery mobile余分なスペースがあります
- 6. RalewayフォントWindowsのテキストの上に余分な詰め物を追加
- 7. なぜ内側のdivの上端余白はラッパーdivの上端余白になるのですか
- 8. IEとCHROMEのフッタの下にある不思議な余白/余白、FirefoxはいいCSSです。
- 9. リンクされた画像の下に余白がある
- 10. フライアウトが表示されないか、または空白Facebookのようなボタン
- 11. RelativeLayout内のImageViewには上下の詰めがあります
- 12. divの余白が異なっています
- 13. FacebookのようなボタンがFacebookのiframeのタブに表示されない
- 14. FacebookのようなボタンがIEに表示されない
- 15. ボタンの余白 - 左余白左の画像の左余白
- 16. Facebookのようなボタンプラグインの下の空白
- 17. FacebookのようなボタンとW3C検証するFacebookからの人気が[等]ボタンを含めるには
- 18. JavaFX:なぜstage.setResizable(false)が余白を増やすのですか?
- 19. 余白が0に設定されている場合、余白が空白になる
- 20. Firefoxの印刷物の余分な空白のページ
- 21. すべてのシングルポストのためにFacebookのようなボタン
- 22. FacebookのようなFacebookのためのボタン
- 23. IEのボタン要素に余りにも多くの余白があると、Firefoxで完璧に見えます
- 24. Facebookのようなボタンが表示されない
- 25. Facebookのようなボタンが表示されない
- 26. Facebookのようなボタンが表示されない[firefox]
- 27. Facebookのようなボタンは、いくつかのピクセルを下に行く
- 28. div内の画像に余分な高さがあります
- 29. 余白のないインラインブロック?
- 30. ボタンの内側の余白
!importantプロパティとオーバーラップすることもできます。 – Philip
試しましたか? – ShibinRagh
はい、マージンを取り除くことによって違いを見ることができますが、これは正しくないと思うので、ボタンのような高さプロパティを追加するだけです - #fbLikeButton {height:60px;} – Philip