解決済

clip!clip!
Ads By Google

ブログの文字が表示されなくなる

テンプレートデザイン「frog」を選んでいます。
デザインのカスタマイズはしておらず、
作られたものをそのまま使っているのですが、
ブログの記事内の文字が表示されなくなります。

記事の下の投稿時間やコメント数などが表示される部分が、
行の半分だけ見えなくなったりします。
マウスで反転すると見えるようになることもあるのですが、
スクロールすると行全体が表示されなくなり、
スクロールを繰り返しているうちに、
記事の内容が表示されなくなることもあります。

ひどいときには、タイトルと広告以外全部表示されなくなります。

念のため、frog以外のテンプレートに変更してみたところ、
問題なく表示されました。

このテンプレートにバグがあるのかな? と思い、
ライブドアに問い合わせをしているのですが、
回答に時間がかかるようなので、
こちらでも質問してみることにしました。

もし原因がわかる方がいらしたら、
アドバイスお願いできますでしょうか。

ブログのURLは、

です。

環境は windows XP、ブラウザはIE6.0 です。

不足事項ありましたら、追記しますので、
どうぞよろしくお願いします。

2007-10-14 18:43の質問
ブログ  デザイン  文字  テンプレート  消える  
ブログ
ブログのかわいいポータルサイト「ヤプログ!」
www.yaplog.jp/
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

2.

2007-10-14 23:04:09ベスト
>>#10
お気使いありがとうございます。

的確に返答を入れていただいて、
スムーズに解決に導くことができました。
素晴らしい質問者さまでした。

てんぷら☆さんらいずさんの情報も参考になりました。
ありがとうございます。


質問については、
コメント#2~#7辺りで解決とのことです。

丁寧に細かくご指導いただき、大変助かりました。
ありがとうございました。

1.

2007-10-14 20:42:18
私のPCではストレスなくきれいに表示されています。
(XP,IE7.0です)
念のためコメントを入れてみましたので、これも表示されないか見ていただけますでしょうか?
Ads By Google

コメント(8)

#1.  まむ
2007-10-14 20:51:19

>>1
早速の回答ありがとうございます。
コメントをいただき、拝見してみましたところ、
コメントの欄は問題なく見る事ができました。
ただ、記事の方は相変わらずで、
コメントの行は半分以上見えません。

一度マウスで反転してみたところ、まったく見えなくなり、
画面から記事本文が見えなくなるまでスクロールし、
再度スクロールして表示させると、本文のみ表示され、
コメントや投稿時間の行は半分以上消えている状態が続いています。

てんぷらさんの環境と比べると、
OSは同じようなので、
ブラウザのバージョンに問題があるのでしょうか?

#2.  imq
2007-10-14 21:20:50

こちらでも確認しました。
確かにIE6では現象が見えますが、IE7では出ないみたいですね。

以下のCSSのカスタマイズをして、直るかどうか確認していただけませんか?

カスタマイズのページは、ブログの管理ページから

カスタマイズ/管理 -> デザインの設定 -> カスタマイズ
とクリックするとスタイルシート(CSS)の編集ページがでてきます。

#contentと#linksのそれぞれに
position:relative;
という1行を追加します。

.main,.mainmore,.article_tagsと.datebody、.dateendの3つに
width:100%;
という1行を追加します。

終わりましたら、保存した後、CSSの再構築をしてください。

ちょっと手間ですが、よろしくお願いします。

#5.  imq
2007-10-14 21:25:45

変更後はそれぞれこのようになるかと思います。

	#content{
		float:left;
		position:relative;
		width:500px;
		text-align:left;
	}

	#links{
		float:right;
		position:relative;
		width:200px;
	}

	.main,.mainmore,.article_tags{
		line-height:170%;
		font-size:12px;
		padding:10px 10px 0;
		width:100%;
	}

	.datebody{
		background:#edeedc url(http://parts.blog.livedoor.jp/img/usr/t_frog/d_header_01.gif) no-repeat;
		padding-top:9px;
		width:100%;
	}

	.dateend{
		height:35px;
		background:url(http://parts.blog.livedoor.jp/img/usr/t_frog/d_footer.gif) no-repeat;
		width:100%;
	}

ご参考までに。

#6.  まむ
2007-10-14 21:46:26

>>2
丁寧な回答、ありがとうございます。
IEのバグでそのようになってしまうのですね。
早速CSSの編集をしてみましたところ、
ブログ記事の本文は問題なく表示されるようになりました。

ですが、記事の下、広告の上の1行、
投稿時間やカテゴリ、コメント数などの行は、
相変わらず表示ができない状況が続いております。

他にも修正すべきところがあるのでしょうか?

#7.  imq
2007-10-14 22:16:01

>>#6
こちらもカットアンドトライでやっているので、
明確に「原因はここ」という感じには答え難いところです。
見え方も人によって違うようなのが難しいですね。


まむさんのコメントからすると、
.postedと#adにも

width:100%;
を入れてみる

width指定を追加した個所
(既にline-height指定のある.main,.mainmore,.article_tagsを除く)
の全てに
line-height:inherit;
の1行を追加する

などを試してみたらどうなりますか?

#8.  まむ
2007-10-14 22:21:51

>>7
ありがとうございます!

>.postedと#adにもwidth:100%;
を試してみたところ、無事問題なく表示されるようになりました。
これで快適にブログをかけそうです。

丁寧にご指導していただき、大変助かりました。
ありがとうございました。

#9.  imq
2007-10-14 22:30:28

どういたしまして。
無事に解決できてよかったです。

#10.  まむ
2007-10-14 22:37:49

>>9
せっかく丁寧に回答していただいたのですが、
imqさん、コメント欄なのでベスト回答に選ぶことができません。
回答でコメントしていただければ、
ベスト回答に選べるようなのですが、どういたしましょうか?

トラックバック(2)

トラックバックURL: