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用には以下の通り対応。
関連記事
-
画面全体に背景画像を表示するには、 background:url('画像を指定'); background-size:cover; でできますが、 いやいや、一画面だけでなくその下にもコンテンツがあっ ...
-
wordpress使用している時、時々どのファイルを参照しているのか分からなくなるので記録。 トップページ トップが固定ページ front-page.php page-[slug].php page- ...
-
display:flexを使った時のIE10のバグに対応する
display:flex;を使った時、IE11では問題なくてもIE10で見ると色々な不具合が生じることが多い。例えば、このサイトのレイアウト。クロームで見るとこんな感じまぁまぁ均等に並んでいるように見 ...
-
アドビのサイトにとっても分かりやすく説明されていたアニメーションgifの作り方。 連続写真や動画から簡単に作成できます。 アニメーションgifの作成方法 動画の再生やアニメーションgifのサンプル作成 ...