人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

ASIN:XXXXXXXXX:DETAIL

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

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

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

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

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

●質問者: 江戸十七
●カテゴリ:はてなの使い方 コンピュータ
✍キーワード:ASIN: CSS HTML IE MacOSX
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● あっきぃ(横浜県)
●0ポイント

http://www.yahoo.co.jp/

Yahoo! JAPAN

URLダミーです

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

> div.hatena-asin-detail {

> margin-top: 1em;

> }

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

◎質問者からの返答

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


2 ● あっきぃ(横浜県)
●35ポイント

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

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

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

div.hatena-asin-detail-foot {

clear: left;

}

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

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

◎質問者からの返答

バグ。

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


3 ● izayoimizuki
●25ポイント

http://www.hatena.ne.jp/

はてな

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ