table

テーブルのボーダーが表示されない場合の対応

Coding css/sass

• 2016.12.14
• Firefox, IE, table, table-cell

忘れやすいので注意。 position:relative;をtable要素またはdisplay:table-cellにかけると、IEとFirefoxで指定したボーダーが出ない。 [必須]などのアイコンをpositionで揃える場合などで使用すると思うので、その場合にはtableにposition:relativeをかけるのではなく、該当セルにdivを挟みdivに対してposition:relati […]

続きを読む

IE9でtableをdisplay:block;する

Coding css/sass html

• 2016.10.24
• display:block, IE9, table

@media(max-width:640px){ table{ border-collapse:collapse; } th,td{ float:left; clear:both; } }

続きを読む

テーブルをレスポンシブに対応させる

Coding css/sass

• 2016.10.24
• table, レスポンシブ

.tableMin{ tbody tr{ display: block; margin-bottom: 1.5em; } tbody th, tbody td{ display: list-item; border: none; } }

続きを読む