なぜか崩れるテーブル、それを防ぐには?

複雑なテーブルを組んでいくと崩れることがあります。

例えば表がガタガタになっていたり、スライスした画像をテーブルで組んでいるときなど微妙に隙間ができたりなど、タグは間違っていないはずなのになんでだろうと悩むときはありませんか?

  1. セルの幅の合計とテーブル幅のサイズが合っているか?
    これがあっていないとエディタ上でちゃんと表示されてもブラウザでは崩れてしまいます。特にネットスケープは曖昧な指定を許してくれません。
  2. 改行やスペースを見直す
    <td>の間に改行やスペースが入っていると画像などは微妙にずれて表示されてしまいます。不必要な改行やスペースを削ってみてください。
  3. 空白セルの処理
    レイアウトの都合上何も入れないでおくセルが必要なときがあったりしますが、<td></td>とタグの中に何も入れないでおくとブラウザによって意図した表示にならないときがあります。全角スペースを入れておくというのも1つの対策ですが、これだとサイズの小さいセルでは思うようなレイアウトにならないときもあります。
    そんなときは、透明の画像をダミーとして使えば 必要に合わせてサイズを拡大・縮小表示させても透明なので、スペースを確保しつつ表示はされないので便利です。