ASIN:XXXXXXXXX:DETAIL
によって、生成されるHTMLのCSSのクラスを色々といじりました。
そのページをMacOSXのSafariとIEで見るには全く問題が無いようなのですが、WindowsXPのIE(Virtual PC 6による)だと表示が崩れて(枠線の一部が途切れる)見えます。
そのようにならないようにするには、どうしたら良いでしょうか?
具体的にクラスの指定方法等を教えてください。
なお「それは出来ない」という解答でも結構ですが、それなりの根拠をお願いします。
参照URL:
http://d.hatena.ne.jp/yaguchi_m/20050101#p1
Yahoo! JAPAN
URLダミーです
こちらでいろいろいじってみましたが、スタイルシート中の
> div.hatena-asin-detail {
> margin-top: 1em;
> }
という記述を消すことで直るようです。
http://www.htmq.com/style/clear.shtml
clear−スタイルシートリファレンス
先ほどのは見間違えていたみたいです。すみませんでした(ポイントはもちろん不要です)。
div.hatena-asin-detail-foot {
clear: left;
}
今度はこの記述を削り取って見ました。点線問題は直りましたが、表示が崩れてしまいました。これをヒントに何か出来そうです。
あと、点線が出来る状態で、点線が出た部分(周辺)の文章を範囲選択すると一時的に直ったりするっぽいので、IEのバグなのかもしれません。
バグ。
確かにそういう可能性もあるかもしれませんね。
私の環境はMozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1)です。
う〜ん・・・
MSIE6.0,Mozilla1.7.5,Opera7.54u1で同じ表示になってどこが崩れているのか分からないのですが・・・
強いてあげるとすればMozilla1.7.5,Opera7.54u1と違いMSIE6.0が画像のボーダーの色が青色なのはデフォルトのCSSがMozilla1.7.5,Opera7.54u1のborder:2px solid;なのに対しMSIE6.0がborder:#00f 2px solid;になっていて前景色を継承しないためです。
これは明示的にボーダーの色を定義すれば解決できます。
「枠線」は、画像のボーダーの事ではなかったのですが、私の文章に問題があったのでしょう。
しかし、画像のボーダーの指定が文章のブロックにボーダーに影響を与えていないとは言い切れないので、試してみます。
CSSに関しては、ウェブブラウザによって色々と実装(?)に違いがあるようですので、そこの辺りに今回の表示の問題が隠されている可能性もあるし、あるいは単なるバグなのかもしれません。
皆様、ありがとうございました。
うーん、自分の環境でやってみたのですが、枠線の一部が消えるという現象は直らないみたいです。