解決済

clip!clip!
Ads By Google

サイドバーがずれてる

私がブログをカスタマして変な風にいじったのか解りませんが、ブログの左サイドバーの文字が、上部は問題ないのですが、下部になるほどずれてきてます。

何が悪いのかご存知の方がいらっしゃいましたらよろしくお願いします。<(_ _)>

因みに現象は私のブログにて確認頂けるとご理解頂けると思います。
(左サイドバーをスクロールしていくと文字がずれてきます。。。(x_x;))



尚、ブラウザにもよるようです。IE・スレイプニルはダメです。OPERAだと綺麗に見れます。

2006-05-03 02:58の質問
サイドバー      
この質問と回答を読んで役に立った場合は「役に立つ質問」に投票してください。投票が多い質問は、役に立つ質問一覧に掲載され、より多くの人に見てもらうことができます。

回答(2)

1.

2006-05-03 07:58:05ベスト
おもしろい現象ですね。
今までのトラブルの中では、見た事ないです。

ざっと見たところ読者一覧とその下の特集が怪しそうなんですが、とりあえず読者一覧のアフェリエイトを外してくれますか。

中身のタグは何かにコピーした上で外して下さい。
それで表示がどうなるか見て下さい。
表示が正常になればそれが原因です。

このタグを再度貼り付けるときには、タグの上 <html><body> と タグの下 </body></html> を削除してくださいね。
それと画面上では表示されていませんが、width="1" height="1" のイメージがあるのですが、これは何かの隠しタグですか? リンクは貼ってないので存在の意味がわからないのですが、余計なタグを削除して、この中を整理したほうがよさそうです。

表示が変わらなければ、読者一覧を一番下に移動して下さい。
それで様子を見て下さい。

どうなっていったか、進行状況を下のコメント欄にご報告下さい。お願い致します。
回答レベル : 回答

いつもありがとうございます。<(_ _)>

皆さんのお陰で無事解決できたようです。
たぶん。。。(*^-^)

これからもよろしくです。<(_ _)>

ずっと気になってたとこなんで凄くすっきりしました。まるで今日の天気のようです。因みに今日の埼玉は快晴です。(*^-^)

2.

2006-05-03 11:14:04
これで、一応、ページとして表示されているのは、ある意味驚きです。
ブラウザの解釈は柔軟性があるのですね。

ご自身で、ソースを入力したプラグイン、つまり「フリーエリア」プラグインの殆どが間違っています。

HTMLについて、間違って覚えていられるようですが……
webページというものは、
<html>で始まり、</html>で終わります。
(<html>の前に<!DOCTYPE ~>という宣言を入れるのが普通ですが、なくても構いません。)
そして、プラグインというものは、それが独立したページではありません。webページの一部です。

フリーエリアのプラグインの中に<html>と</html>を使うと、ページの中で別のページの宣言をすることになります。

ご自身で入力した「フリーエリア」プラグインの中身から、<html>と</html>のHTMLタグを、全て、削除してください。

他にも、どうだろうというところは数々ありますが、取りあえず、見ていて一番気持ちが悪いので。

これで直らない場合は、また。
回答レベル : 回答
Ads By Google

コメント(13)

#1.  クエン
2006-05-03 08:21:50

AQさんがご指摘の通り、
><html><body> と タグの下 </body></html>
が、たぶん原因。

>width="1" height="1"のイメージ
これはアフィリエイトのソースには必ずと言って良いほど入っているデフォルトの画像。表示回数などをカウントするものと思われます。アフィリエイトではソースの改変は禁止されているので削除不可です。たぶん関係ありませんよん。

#2.  AQ
2006-05-03 08:26:08

>>#1
補足ありがとです。(^^)
僕はアフェリエイトを貼らないんで、あまりそこらへんは
よくわかってないんですよね。^^;

ところで寝てる? クエンさん ...。

#3.  クエン
2006-05-03 09:26:33

美肌のためにちゃんと寝てますよ(笑)

#4.  
2006-05-03 09:48:10

すんみません。今気付きましたぁ。
今から早速チャレンジです。

AQさん、クエンさんありがとうございます。<(_ _)>

でも、いいコンビですねっ!(*^-^)

ε=ε=ε=ε=ε=ε=ε=ε=ε=ε=(;^_^)/ゼンリョクダッシュ

#5.  
2006-05-03 10:29:44

一旦、全て右サイドバーに移して、文字の部分だけ左に移してるんですが、やはりダメのようです。右に移動したら右でもずれてました。それから、特に隠しタグなどは使用してないんですが。。。
それから、文章のリンクに付きましては、私が作成しているのではなく、プラグインの追加からやってるだけですので、
>タグの上 <html><body> と タグの下 </body></html> を削除してくださいね

という事ができません。

因みに、以前、私と同じデザインを使用していた方もなってましたが、、あっ!貼り付けときます。

こちらの方は下に行くほどずれてます。

http://blog.livedoor.jp/kipon/

こちらの方は綺麗にまとまってます。

http://blog.livedoor.jp/ikubou1/

どのような違いがあるのか私には理解不能です。(Tへヽ)(/へT) シクシク..
なんでなんでしょう?
リンク無断掲載にてすみません。

ライブドアの方のタグなんでしょうか???

#6.  
2006-05-03 11:14:53

新しく同じデザインでブログを作ってCSSをいじってみました。そしたら、、、できましたぁ。(*^-^)

下記のような違いがありました。
【変更前】
.side,.avatar,.quote,.profbody{
font-size:x-small;
text-align:center;
line-height:125%;
padding:10px;
border:solid #f90;border-width:0 1px;
background:#fff;

長いので2度に分けます。

#7.  
2006-05-03 11:17:59

【変更後】
.side{
font-size:x-small;
text-align:center;
line-height:125%;
padding:10px;
border-left:1px solid #f90;
border-right:1px solid #f90;
border-bottom:1px solid #fff;
background:#fff;
}

ただ、先頭の『side,.avatar,.quote,.profbody』を変更してませんが、大丈夫でしょうか?

という事で、コピー&ペーストで完了しましたぁ。

#8.  
2006-05-03 11:26:21

horseflyさん、ご指摘ありがとうございます。

私がカスタマをするほど、知識は全くといっていいほどありません。ホームページを作った事もないですし、タグの勉強もWEB上だけです。

こんな初心者をお許し下さい。<(_ _)>

でも、考えようによってはそんな私ががちゃがちゃいじれるブログはやはり凄いですねっ!(笑)

問題は一応解決したんですが、
>ご自身で入力した「フリーエリア」プラグインの中身から、<html>と</html>のHTMLタグを、全て、削除してください。

という部分を早速削除してきます。
ありがとうございます。<(_ _)>

#9.  クエン
2006-05-03 11:32:35

自己解決おめでとうございます(^^;

ですが、まあ、<html><body> と </body></html>は一応消せるなら消しておいた方がいいですよ。


プラグインの設定/新規追加 → プラグインの設定 → ● 特 集 ● → 編集する

この中に<html><body> と </body></html> ってありませんか?あったら削除しておいてみて下さい。

ではでは。

#10.  
2006-05-03 11:41:21

クエンさん、ありがとうございます。

ご指摘の場所だけでなく、他にもたくさんありましたぁ。

全て削除してきました。

<center></center>は残しても大丈夫なんですよねぇ?

#11.  AQ
2006-05-03 15:04:49

えぇ~なんなの?(・・;)
僕がいない間に、こんなに話が進んでて ・・・。
しかもクエンさんのフォローで、解決してて ・・・。
でっベストもらえたんですか?
ものすごく申し訳ないです。A^^;

あれから、ラグビーのコーチで走り回っていました。^^;

#12.  AQ
2006-05-03 15:06:13

>>#10
<center></center> は、そのままで OK です。(^^)

#13.  
2006-05-03 19:44:51

AQさん、ありがとうございます。
それからラグビー(^ー^)お疲れ様でしたぁ~♪

センタータグ?ありがとうございます<(_ _)>

トラックバック(2)

トラックバックURL: