忍者ブログ

GAM-22のメモ

IE6 + CSS 『border-leftとpadding-bottom』の謎

2017.08 ← 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 →

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

IE6 + CSS 『border-leftとpadding-bottom』の謎

IE6において、この条件を満たせば「左にずれる」地雷を踏めるそうです。

  1. 「divの中にdiv」など、ブロック要素を2重にする
  2. 外側のブロック要素に、border-leftとpadding-bottomを定義する
見事にずれてます

このブログでも見事に踏んでいました。普段Firefoxなので気がつきませんでした。
(VistaでIE6がインストール不可なので、Virtual PCにXPをぶち込んで、IE6を起動してます)

見えない下ボーダーを設定、解決

この記事の(2)の方法、backgroundと同じ色のboder-bottom を定義することで解決しました。HSPコンテストの時間が無いと言いながら、解決まで2時間以上浪費してしまいました。(精神的に)疲れました。

もっと早く、この記事が見つかれば良かったんですけど(自力ではpadding-bottomを使うとダメなところまでしか推理できませんでした)。IEシェア多くてね。

PR
この記事にコメントする
お名前
タイトル
文字色
URL
コメント
パスワード Vodafone絵文字 i-mode絵文字 Ezweb絵文字
この記事にトラックバックする
トラックバックURL:
カテゴリー
カウンター
最新記事
最新コメント
Twitter
人気記事
Amazon お買い得情報
Amazon お買い得情報
プロフィール
自画像
HN :
GAM-22
性別:
男性
職業:
大学1年生
HSP暦:
6年
好きなもの :
ゲーム, アニメ, マヨネーズ
嫌いなもの :
運動, 注射, ホラー映画, 英語
好きなバンド :
Muse, Radiohead
その他 :
文章能力が欠如している
バナー
Copyright © GAM-22のメモ All Rights Reserved
Powered by ニンジャブログ Designed by ピンキー・ローン・ピッグ 忍者ブログ / [PR]