サイトの表示に難ありです


投稿ツリー


前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 .2 .3 .4 | 投稿日時 2011/12/5 23:26
tera-p  半人前   投稿数: 21

http://www.terawa.com/xoops/ でd2diaryを使用して「喜怒哀楽」というブログを書き始めました。
が Firefoxで見るとブログの表示が異様に縦長になってしまうのです。
xoops側の問題かd3diaryの設定の問題か全く分からず悩んでおります。過去ログも拝見しましたが類似のものがなく、何か良いアドバイスをいただけないでしょうか。ちなみにIEでサイトを表示すると、また違う表示になってしまいます。:oops:

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2011/12/6 7:49 | 最終変更
なーお  長老   投稿数: 1744

tera-pさん、こんにちは。

ああ、この現象はお使いのテーマとの相性で、たまに見ますね。CSSのスタイルとの関係だと思います。 :roll:
試しに、別のテーマで表示させてみてください。元に戻ると思います。

で、解決策を探したいので、テーマのダウンロード元をお知らせいただけますか? 原因が特定できれば対応は難しくないと思うので。。

よろしくです。

(追記)
試しに、(d3diary)_main_style.css テンプレートを編集してみてください。(Altsysのテンプレート編集を推奨)
以下の2箇所の、「height: 100%;」をコメントアウトです。

1
2
3
4
5
6
7
8
span.boxdate {
	width: 60px;
/* 	height: 100%;*/
	font-size: 12px;
	font-family: Arial;
	display: block;
	clear: both;
}
1
2
3
4
5
6
7
8
span.boxdate_s {
	width: 50px;
/* 	height: 100%;*/
	font-size: 12px;
	font-family: Arial;
	display: block;
	clear: both;
}
投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 | 投稿日時 2011/12/6 12:38
tera-p  半人前   投稿数: 21

有り難うございます。
span.boxdateの編集でレイアウトが正常になりました。

なお、テーマのダウンロード元は
http://www.knts.net/~eagle/campus/modules/d3downloads/index.php?page=singlefile&cid=7&lid=29
です。

ここのCent_gray が使用しているテーマの一つです。

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2011/12/6 14:20 | 最終変更
なーお  長老   投稿数: 1744

tera-pさん

ああよかった、その部分の修正で治りましたか。

これ、元々不要かもしれませんね。 今後はコメントアウトで配布して、様子を見ます。

投票数:1 平均点:10.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿.1 | 投稿日時 2011/12/7 12:58
tera-p  半人前   投稿数: 21

もう一つ・・・・ありました

Internet Explorerの方はテーマの問題でしょうかねぇ?

投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2011/12/7 13:29 | 最終変更
なーお  長老   投稿数: 1744

tera-pさん

IEというのは、IE6ですか? IE7,8ですか?

IE6で確認してみましたが、 個人サイドブロックが下に流れてますね。。
まあIEとお使いのテーマとの相性だけの問題だと思いますので、あまり追いかける気がおきません。。

どうしてもそのテーマが必要ということでしたら、サイドブロックではなく、 個別のブロックをご使用ください。そちらは大丈夫のはずです。

(またまた追記)
もしかすると、これで治るかも。

同じく(d3diary)_main_style.css で、以下の全部のwidthを小さくしてゆけば、コメント欄の幅が縮まってきちんと上に回り込む気がします。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
/*  textarea */
 
div.d3d_d3com {
	margin-left:8px;
}
 
div.d3d_d3com textarea {
	width: 300px;
}
 
div.d3d_d3com input#subject {
	width: 300px;
}
 
div.d3d_d3com input#com_title {
	width: 300px;
}
投票数:0 平均点:0.00
返信する
前の投稿 - 次の投稿 | 親投稿 - 子投稿なし | 投稿日時 2011/12/7 21:56
tera-p  半人前   投稿数: 21

アドバイスを頂いた手順では今度は症状の改善は無かったです。

テーマを変更したところ問題なく表示されましたのでやはりテーマの問題ですね

有り難うございました

投票数:2 平均点:10.00
返信する

このトピックに投稿する

題名
ゲスト名
投稿本文
  条件検索へ