XHTMLでdocomoのiモードサイト作成で気づいたんですが
画像の下にdivを置いたとき
つまり、
</pre> <img src="..." alt="" /> <pre></pre> <div style="background-color: #0099ff;"></div> <pre>
みたいなことをすると、
FOMA端末のうち、902系とP90X系を中心に画像とdivの間に隙間ができます。隙間ができない機種もあるのがおもしろいんですが、どうやらCSSの関係でおこるみたいです。
画像のバックとdivのbackground-colorを同じ色に合わせてデザインしたいときとかには白い隙間ができるのは困りものです。
ただ、対処法はかなり簡単でした。
</pre> <img style="vertical-align: bottom;" src="..." alt="" /> <pre></pre> <div style="background-color: #0099ff;"></div> <pre>
のように、style=”vertical-align:bottom;”をimgタグにつけるだけ。
特に難しいことはなかったんですねw
参考
Comments
Powered by Facebook Comments