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用には以下の通り対応。
関連記事
-
-
スタイルなどの装飾 ボタンのホバーアニメ バリエーションが豊富です。デザインのヒントに 【保存版】CSSだけで作れるホバーアニメーションボタン総まとめ 角丸とシャドウのジェネレーター 見た目で調節した ...
-
-
WordPress と Facebookの連携が表示されない原因
dddwordpressのテーマ「xeory_extension」を使っていた時 初期設定でいくつかの項目を入力するとfacebookとの連携ができるようになってたのでテストサイトで設定項目を入力する ...
-
-
アドビのサイトにとっても分かりやすく説明されていたアニメーションgifの作り方。 連続写真や動画から簡単に作成できます。 アニメーションgifの作成方法 動画の再生やアニメーションgifのサンプル作成 ...