質問: 画像を使ったテーブルで隙間ができてしまいます 画像を枠に使ったテーブルをhtmlで作成し、fc2ブログに載せています。 chrome上ではうまく表示されるものの、ie、firefoxでは rowの上に隙間ができてしまい、枠画像が正しく表示されません。 ----------tableの基本構造---------- 内容1 内容2 -------------以上-------------- 上記のものよりも実際は行と列を増やしておりますが、基本的に増殖しているだけです。 1行目と2行目の間に隙間ができて縦の画像枠が細切れになっています。 隙間ができているのは行の下ではなく、上の部分のように見えます。(背景色の見え方などから) テーブルのみの上記コードは、ローカル環境ではieでも正しく表示されるため、 ブログにアップした際乱れるのは、スタイルシートの影響かと考えております。 自分でそれらしいところをいろいろ設定をいじりましたが改善しません。 ということで、 ≪スタイルシートの設定で、画像を枠に使ったテーブルの隙間に影響を与えうる要素≫ が何が考えられるか教えて頂ければと存じます。 なお、使っているstyle sheetは以下のものですが、 http://blog-imgs-30-origin.fc2.com/w/m/k/wmks/wm_gienah_r.html tableにかかわるstyle部分はコメントアウトしましたので、テーブル自体のスタイルは 適用されていないはずです。
回答: ざっと見て思いついたのは・・・。 (1)tdタグとimgタグの間をソースコード上で改行していませんか?していれば改行しない。 (2)枠のtdやイmgのpadding、margin、を0で指定し、border-styleをnoneで指定する。 (3)枠画像をtdの背景に指定して、td自体にはスペーサー画像を入れておく。 こんな感じでどうでしょう。