- WEBデザイン&WEBプログラミング -sei2の日記- - http://blog1.dd-company.com -

IE6での角丸ボックスの表示くずれ


基金訓練に行ってきました。(41日目)」の中で、角丸の背景ボックスの作り方を書きましたが、その2で書いたやり方では、IE6で表示すると、上端画像の下と、下端画像の上に隙間ができるようです。
なので、その対策を書いてみたいと思います。

角丸の背景のボックスを作る。(IE6対応)

文字文字文字文字文字文字
文字文字文字文字文字文字
↑こんな風にしたいとき。 でも、IE6では↑

対策例

  • 前回の内容に、ハイライト部分を追加しました。
  • 上下端の画像の背景を透明にする必要があります。
  • 上下端の画像サイズは、幅100px、高さ10pxです。



実習で使用している教本

入門Webデザイン

3週間でマスター Webデザインの教室[CS4対応版]