投稿日：
サイト制作している時、
時々テーブルを使うけどIEやfirefoxでwidth指定がきかなかったので対応のメモ。
thやtdに対して幅を指定する場合
Chromeならcalc();が使えるけど、IEではどうやら使えないようなのでIE用には以下の通り対応。
|
1 2 3 4 5 6 |
table th{ width:calc(100% / 3); } *::-ms-backdrop, table th { width: 33.33%; /* IE11 */ } |
ただ、これだとfirefoxでは幅の指定がきかなかった。
これはtableに対して
table-layout: fixed;
を記載することで対応できました。
関連記事
サイト作成の時にメニューアイコンを作っていたけど 3つのメニューのうち1つをアイコンフォント使ってたら表示の鮮明さに驚いた。 他のアイコンはpng形式の画像だったけど全然違う。 通常、画像でできたアイ …
背景画像を複数指定したい時があり調べてたところ 順番にcssを指定するところまでは分かったけど書き方がよく分からない・・・ 複数背景の使用はよく使いそうなのでメモ。 基本的には,(カンマ)区切りで続け …
jquaryをリンクさせる htmlファイルでsection毎に背景画像を設定 cssにて。
|
1 2 3 |
width:100%; background:url()center center no-repeat fixed; background-size:cover; |
fix cover あとはsection …
mmenuは初心者でも簡単に使えるjQuery plugin｜スマホ用メニュー
スマホ用メニューを作成する時によく使っているのがjQuery pluginのmmenu あまりjQuery詳しくない私でも簡単に使えるところが気に入ってます。 オプションで色々設定もできるみたいなので …
なぜかIEだけ特定の要素がはみ出てしまうことはありませんか？ 私はよくあります。 ページ作成をしていてブラウザチェックをしているとよくぶち当たるこの問題。 何度か解決してるけど、しばらくしたら忘れてし …
