自分のはてなダイアリーの自動リンク


ASIN:XXXXXXXXX:DETAIL

によって、生成されるHTMLのCSSのクラスを色々といじりました。

そのページをMacOSXのSafariとIEで見るには全く問題が無いようなのですが、WindowsXPのIE(Virtual PC 6による)だと表示が崩れて(枠線の一部が途切れる)見えます。

そのようにならないようにするには、どうしたら良いでしょうか?
具体的にクラスの指定方法等を教えてください。

なお「それは出来ない」という解答でも結構ですが、それなりの根拠をお願いします。

参照URL:
http://d.hatena.ne.jp/yaguchi_m/20050101#p1

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:
  • 終了:--
※ 有料アンケート・ポイント付き質問機能は2023年2月28日に終了しました。

回答3件)

id:Akkiesoft No.1

回答回数90ベストアンサー獲得回数5

URLダミーです

こちらでいろいろいじってみましたが、スタイルシート中の

> div.hatena-asin-detail {

> margin-top: 1em;

> }

という記述を消すことで直るようです。

id:yaguchi_m

うーん、自分の環境でやってみたのですが、枠線の一部が消えるという現象は直らないみたいです。

2005/01/03 01:02:06
id:Akkiesoft No.2

回答回数90ベストアンサー獲得回数5

ポイント35pt

http://www.htmq.com/style/clear.shtml

clear−スタイルシートリファレンス

先ほどのは見間違えていたみたいです。すみませんでした(ポイントはもちろん不要です)。

div.hatena-asin-detail-foot {

clear: left;

}

今度はこの記述を削り取って見ました。点線問題は直りましたが、表示が崩れてしまいました。これをヒントに何か出来そうです。

あと、点線が出来る状態で、点線が出た部分(周辺)の文章を範囲選択すると一時的に直ったりするっぽいので、IEのバグなのかもしれません。

id:yaguchi_m

バグ。

確かにそういう可能性もあるかもしれませんね。

2005/01/03 10:48:05
id:izayoimizuki No.3

回答回数302ベストアンサー獲得回数0

ポイント25pt

私の環境は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;になっていて前景色を継承しないためです。

これは明示的にボーダーの色を定義すれば解決できます。

id:yaguchi_m

「枠線」は、画像のボーダーの事ではなかったのですが、私の文章に問題があったのでしょう。

しかし、画像のボーダーの指定が文章のブロックにボーダーに影響を与えていないとは言い切れないので、試してみます。

CSSに関しては、ウェブブラウザによって色々と実装(?)に違いがあるようですので、そこの辺りに今回の表示の問題が隠されている可能性もあるし、あるいは単なるバグなのかもしれません。

皆様、ありがとうございました。

2005/01/03 10:56:34

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

回答リクエストを送信したユーザーはいません