W3QはBiztterに生まれ変わりました!
Web制作に関するお悩みはBiztterへどうぞ!

Biztterで質問する

ID:Sxk4mS さんの質問

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

みんなの回答 1 件

ID:Sxk4mS さんの回答

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

tr { 
    display: block; 
    margin-bottom: 50px; 
}
ID:OeLxPu

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

ID:HvzO30

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

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

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

ID:HvzO30

tdにpaddingも使わないか

ID:j9vLob

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

ID:3bXAy/

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

ID:5gLdZN

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

ID:7TMucr

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

最終更新日:2013-02-04 (15,930 views)

関連するトピックス

ページ上部に戻る