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

はてなダイアリーで特定のエントリを特定のブラウザで開いた時だけ表示がおかしくなります。
推定でも構いませんので、原因と対策を教えてください。

問題のエントリはこちらです。現時点で最新のエントリなので、トップページでもあります。
http://d.hatena.ne.jp/junmk2/20081125/1227565881


この日記をfirefoxで開くと問題なく表示されるのですが、IEやoperaでは文字が不自然に大きくなったり強調されたりします。
他の日付のエントリを見ても同じ症状は出ないので、このエントリ特有のもののようです。

●質問者: jun
●カテゴリ:はてなの使い方 ウェブ制作
✍キーワード:firefox IE opera はてなダイアリー エントリ
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● hijk05
●14ポイント

http://htmllint.itc.keio.ac.jp/htmllint/htmllint.html

ここでチェックしてみては?

120行目あたりが間違ってるのでは?

<span style="font-size:large;">~~┗─v(゚Д゚* )</span></span>ホウ・・・

spanの閉じタグが多いのでは?

◎質問者からの返答

直してみましたが、ホウ・・・の字がずれるのは変わりませんね。

ブラウザごとにずれ方が違うようなので、ブラウザの表示仕様なんだと思います。

これについては別途対応を考えます。


2 ● backupper
●26ポイント

2、会誌

のところで、</span>がたりませんね。

<span style="font-weight:bold;font-size:large;"><span style="color:#FF6600;">2、会誌</span>

<span style="font-weight:bold;font-size:large;"><span style="color:#FF6600;">2、会誌</span></span>

にすると直るんじゃないかなと思います。

◎質問者からの返答

ホントだ・・・


3 ● さとえ
●40ポイント ベストアンサー

『2、会誌』の後ろに</span>が1つ抜けているために これ以降の文章が全て太文字・大文字になってしまっています。

<span style="font-weight:bold;font-size:large;"><span style="color:#FF6600;">2、会誌</span>

<span style="font-weight:bold;font-size:large;"><span style="color:#FF6600;">2、会誌</span></span>

としてみて下さい。

また、同様に『3、会員専用の・・・』『4、総合カタログ』『5、25?50%の・・・』『6、毎年の会員権・・・』でも</span>が1つ抜けていますので、こちらも修正して下さい。




余談ですが、

<span style="font-weight:bold;font-size:large;color:#FF6600;">○○○</span>

と、ひとまとめにして指定すると今回のようなミスも少なくなるかと思います。

◎質問者からの返答

みなさんありがとうございます。

全て修正しました。

>ひとまとめにして指定

手打ちでなくアイコンを使っているもので・・・

多少htmlを覚える必要性を感じました。


ところでこれは別件なのでしょうが、実はfirefoxから何度ご指摘の修正をしても直らなかったんですね。

再度編集画面で確認してみると、修正したはずの部分が元に戻ってしまっている。

昨日ブログパーツの修正を行った時もそうなんですが、どうも更新が記録されてないようなんです。

これはブラウザの問題なのか、はてなの問題なのか、それとも別の話なのか見当はつきますか?

簡単な修正でも下手をすると数時間がかりになってしまい、とても困っています。

関連質問


●質問をもっと探す●



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