table th{ width:calc(100% / 3); } *::-ms-backdrop, table th { width: 33.33%; /* IE11 */ }ただ、これだとfirefoxでは幅の指定がきかなかった。 これはtableに対して table-layout: fixed; を記載することで対応できました。
投稿日:2018年12月10日 更新日:
tableのwidth幅指定のメモ

サイト制作している時、
時々テーブルを使うけどIEやfirefoxでwidth指定がきかなかったので対応のメモ。
thやtdに対して幅を指定する場合
Chromeならcalc();が使えるけど、IEではどうやら使えないようなのでIE用には以下の通り対応。
関連記事
-
-
このサイトのメニューでも使ってますが、やってみたかったけどなかなか方法が見つけられなかったリストの区切り(border)を直線でなく斜め線にする方法。 まずはHTMLでメニュー作成 普通にリストで作成 ...
-
-
よくあるスライドショーで 上だけ丸みを帯びていたり、波打っていたり、三角になっていたりと フレームの中でスライドショーが動いてるやつがやりたくて調べていたところ意外と簡単にできることがわかった。 次回 ...
-
-
webサイト制作時に役立つ!メインカラーを元にカラーを選べるサイト
web制作する時にカラーの組み合わせを調べたい時、色々なジェネレーターはあるけど たとえば メインカラーがすでに決まっていて それに合うカラーが知りたい時 ってないですか?私は結構あります。で、ジェネ ...