table th{
width:calc(100% / 3);
}
*::-ms-backdrop, table th {
width: 33.33%; /* IE11 */
}
ただ、これだとfirefoxでは幅の指定がきかなかった。
これはtableに対して
table-layout: fixed;
を記載することで対応できました。 投稿日:2018年12月10日 更新日:
tableのwidth幅指定のメモ
投稿日:2018年12月10日 更新日:
table th{
width:calc(100% / 3);
}
*::-ms-backdrop, table th {
width: 33.33%; /* IE11 */
}
ただ、これだとfirefoxでは幅の指定がきかなかった。
これはtableに対して
table-layout: fixed;
を記載することで対応できました。 関連記事
よくあるスライドショーで 上だけ丸みを帯びていたり、波打っていたり、三角になっていたりと フレームの中でスライドショーが動いてるやつがやりたくて調べていたところ意外と簡単にできることがわかった。 次回 ...
jquaryをリンクさせる htmlファイルでsection毎に背景画像を設定 cssにて。 width:100%; background:url()center center no-repeat f ...
display:flexを使った時のIE10のバグに対応する
display:flex;を使った時、IE11では問題なくてもIE10で見ると色々な不具合が生じることが多い。例えば、このサイトのレイアウト。クロームで見るとこんな感じまぁまぁ均等に並んでいるように見 ...
サイト作成の時にメニューアイコンを作っていたけど 3つのメニューのうち1つをアイコンフォント使ってたら表示の鮮明さに驚いた。 他のアイコンはpng形式の画像だったけど全然違う。 通常、画像でできたアイ ...