サイト制作メモ

tableのwidth幅指定のメモ

投稿日:2018年12月10日 更新日:

サイト制作している時、
時々テーブルを使うけどIEやfirefoxでwidth指定がきかなかったので対応のメモ。

thやtdに対して幅を指定する場合

Chromeならcalc();が使えるけど、IEではどうやら使えないようなのでIE用には以下の通り対応。

ただ、これだとfirefoxでは幅の指定がきかなかった。

これはtableに対して
table-layout: fixed;
を記載することで対応できました。

- サイト制作メモ

関連記事

cssでlistのborderを斜め線にする

このサイトのメニューでも使ってますが、やってみたかったけどなかなか方法が見つけられなかったリストの区切り(border)を直線でなく斜め線にする方法。 まずはHTMLでメニュー作成 普通にリストで作成 …

画面の縦幅いっぱいに背景画像を表示する

画面全体に背景画像を表示するには、 background:url(‘画像を指定’); background-size:cover; でできますが、 いやいや、一画面だけでなくそ …

動画や連続写真からのアニメーションgifの作成

アドビのサイトにとっても分かりやすく説明されていたアニメーションgifの作り方。 連続写真や動画から簡単に作成できます。 アニメーションgifの作成方法 動画の再生やアニメーションgifのサンプル作成 …

サイトのタイトルを画像置換する方法

よくやり方忘れてしまうのでメモ。 サイトのタイトルをh1とかで記述した場合 それを画像置換するための方法は色々あって 評価が分かれるので現時点でいいなと思っているものを。 まずはhtml [crayo …

背景画像を複数指定する方法(css)

背景画像を複数指定したい時があり調べてたところ 順番にcssを指定するところまでは分かったけど書き方がよく分からない・・・ 複数背景の使用はよく使いそうなのでメモ。 基本的には,(カンマ)区切りで続け …

翻訳する