ns1-watanabeの日記

 | 

2008-03-31

メモ 13:49

  • 実際の保存形式と拡張子が違う画像を、Firefoxは表示するが、IEは表示しない
  • IEはIMGタグの前後に改行、空白、タブがあると、表示上も隙間が開く
<div>
    <img src="foo.jpg">
</div>

隙間が開く

<div><img src="foo.jpg"></div>

開かない

インデント等でどうしても改行したい場合はタグ内でする

ただし、改行する場所によってはタグとして認識してくれなかったりする

将来的にブラウザが対応しなくなことも考えられるので、やめたほうがいいかも

<div><img
    src="foo.jpg"
></div>

おとなしく、リリースの時に改行を取ってしまうのが無難か…

追記 以下のようにimgの次にある 閉じaタグ の後ろも同様に隙間を作るようだ

閉じaタグ のみか、他の閉じタグでも同じかは不明…

<a href="bar.html"><img src="foo.jpg"></a>
<div>
</div>

内側の指定が優先だが、同じ範囲でかぶった場合後のほうが優先される

CSSファイル内での順番も大事

ゲスト



トラックバック - http://nextstageone.g.hatena.ne.jp/ns1-watanabe/20080331
 |