[TROUBLE 44] IE 6でフロート方向のマージンが広がってしまう | デザインってオモシロイ -MdN Design Interactive-

[TROUBLE 44] IE 6でフロート方向のマージンが広がってしまう

2024.4.18 THU

【サイトリニューアル!】新サイトはこちらMdNについて

日々のデザイン現場で発生する問題・難題を解決します!

WEB制作トラブル速戦即決術! 第9回


[TROUBLE 44]
cssトラブル
IE 6でフロート方向の
マージンが広がってしまう

文=小林信次((株)まぼろし)

A. display:inline;を指定する

IE 6では、フロートの方向に指定したマージンの大きさが2倍になってしまうというバグがある。半分の値をIE 6に指定しても解決可能だが、元が奇数の場合には不可能だ。このようなときは「display:inline;」を指定すれば解決できる。


「display:inline;」を指定する前(上)と、後(下)。マージンが倍になってしまうことで、カラム落ちが発生してしまう場合もある

「display:inline;」を指定する前(上)と、後(下)。マージンが倍になってしまうことで、カラム落ちが発生してしまう場合もある
「display:inline;」を指定する前(上)と、後(下)。マージンが倍になってしまうことで、カラム落ちが発生してしまう場合もある

[INDEX]
>>> [TROUBLE 44] IE 6でフロート方向のマージンが広がってしまう
>>> [TROUBLE 45] Safariとほかのブラウザで色味がまったく変わってしまった
>>> [TROUBLE 46] IE 5やIE 6の環境でAjaxがうまく通信してくれない
>>> [TROUBLE 47] classやidの名前を適当につけていたら混乱してしまった
>>> [TROUBLE 48] Webページの内容が表示されず真っ白になってしまう
>>> [TROUBLE 49] テーブルのセル幅が意図しない数値に変わってしまう



『web creators』の情報はこちら!>>>

twitter facebook このエントリーをはてなブックマークに追加 RSS
【サイトリニューアル!】新サイトはこちらMdNについて

この連載のすべての記事

アクセスランキング

8.30-9.5

MdN BOOKS|デザインの本

Pick upコンテンツ

現在