(つくば:カエル)

2007年11月29日

at 17:31
posted by @
comments(1)

IE6でネガティブマージンを指定した画像

ネガティブマージン…マイナスのマージンのことです。
マイナスのマージン、ブラウザ間の違いなどで同じように
表示されない時などにとても便利なものです。

便利なのですが、IE6では思い通りに表示されないこともあります。
そんな時は「position: relative;」で解決です。

IE6


真ん中のようにネガティブマージンを指定すると、IE6では枠からはみ出した部分が表示されません。
が、「position: relative;」を指定すると、きちんとはみ出した部分が表示されます。

Firefox


ちなみにIE7やFirefox、Netscape、Opera、Windows版Safariでは、
「position: relative;」を指定しなくても表示されます。
(※各最新バージョンで確認)


同じカテゴリー(XHTML+CSS)の記事
clearfix
clearfix(2007-10-09 19:58)



(つくば:カエル)

comments

興味深く拝見しました。
posted by n95マスク アンシルク at 2010年08月28日 23:59

(つくば:カエル)

comments form

名前:
メール:
URL:
コメント:
上の画像に書かれている文字を入力して下さい