ID:Sxk4mS1qG6Fp さんの質問

12,216 views

<tr>にmargin-bottomを付けたいのですが以下のコードではChromeやsafariではうまくいってもIEでうまくいきませんでした。
IEでもChromeやSafariのように表示させるにはどうすればよいのでしょうか?

登録日:2013-02-04 · カテゴリー:一般

みんなの回答 1 件

2013-02-04 · ID:Sxk4mS1qG6Fp 報告

CSSは以下のように指定しました。

tr { 
    display: block; 
    margin-bottom: 50px; 
}
2013-02-04 · ID:OeLxPulYLSxV

trにCSSは効かせないでやるほうがよいとおもいます。

2013-02-04 · ID:HvzO30h2v8rn

trに…、margin-bottomだと……!

どう見せたいかわかりませんが、tdにpaddingか、tdと中身の間にdiv入れてmarginとか。そもそもtable使うべきじゃないとか。

私はtrにmarginもpaddingも入れないですが知らないだけでそういう使い方あるのかな?

2013-02-04 · ID:HvzO30h2v8rn

tdにpaddingも使わないか

2013-02-04 · ID:j9vLobDEpZVo

いうかChromeやsafariだとちゃんと期待通りになるんだ…。

2013-02-04 · ID:3bXAy/8tMlLX

trはともかくtdにpaddingって結構使ってるんだけどおかしいかな?
それはおいといて、背景単色に限るが余白作るだけならborder-bottom:50pxとかでできなくはないな。

2013-02-04 · ID:5gLdZNcocIWv

行に適用させたいなら、tr.test tdでよくねぇ。

2013-02-05 · ID:7TMucrE.8.Yj

<table> の内部要素に margin はおかしい。これでIE を責めるのは酷だ。border-collapse を separate にして、border-spacing でスペースを取りな。

回答の受付は終了しました。