エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
IE7の画像の隙間とネガティブマージン - Parody's Backyard
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
IE7の画像の隙間とネガティブマージン - Parody's Backyard
FC2に移転した「ぱろでい日記」のサイトデザインをしておりまして、またもやIEの仕様にやりこめられまし... FC2に移転した「ぱろでい日記」のサイトデザインをしておりまして、またもやIEの仕様にやりこめられました。 問題となったのは、2点。 まずは、背景画像を設定するため、スペースのみを入れた空白のブロック。高さが1px増えてしまい続くブロックとの間に1pxの隙間ができてしまいました。 もう一点は、ネガティブマージン(マイナスのマージン)を設定したブロックが削れてうまく表示できない事態。 いずれも解決しましたが、IE以外ではキレイに表示できるのに、なんでIEは・・・。 今回のトラブルは、いずれもIE7(IE8のIE7互換表示)で発生したものです。 line-height: 0; の罠 正直、自分の設定方法が変だったのでしょう。 問題のソースはこれ HTML <div class="header"> </div> <div class="content">コンテンツ</div> CSS .head