本 blog のデザインはブラウザの幅に応じて伸び縮みするようになっている。
しかし、ここ最近、メインのテーブルの幅がある大きさ以上に縮まなくなっていた。その大きさが 1024×768
のモニタで見ると、全画面表示にしてもはみ出すので気になっていた。原因が全く分からない。何故だ?
暫くやきもきしていたが、その原因がやっと分かった。HTML 使いの人なら当然の現象なのかもしれないが、かなり盲点だった。
blog に画像を載せているのだが、その際、画像をリサイズするのが面倒だったので、
<img src="hogehoge.jpg" width="20%"
height="20%"/>
という風に HTML の指定で縮めていた。これが問題で、ブラウザはまず「本来の画像サイズ」を確保するようだ。そのため、HTML
の指定でいくら縮めていても、「本来の画像サイズ」分テーブルが拡がってしまい、しかも見た目上は何が引っかかっているのか分からない。
タグで画像のサイズをいじると、思ってもみない事が起こるな、と勉強になった。