解決済

clip!clip!
Ads By Google

ブログの右側が表示されません。

本来ならブログの右側に表示される「カレンダー」、「最新記事」などが最下段の記事のあとの右側に表示され、ブログの右側には何も表示されません。
どうしてでしょうか?

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

回答(4)

4.

2007-06-05 10:45:10ベスト
説明が足りなかったようですいません。
06月12日の記事を例にすると、
1枚目の写真<br>
2枚目の写真<br>
今日は「大仏寺山」..登山口はある<br><br>
昨日は雨で..登り始めた<br>
3枚目の写真<br>

これを下記のようにやってみてください。
1枚目の写真<br style="clear:both" />
2枚目の写真
今日は「大仏寺山」..登山口はある<br style="clear:both" /><br>
昨日は雨で..登り始めた<br>
3枚目の写真<br style="clear:both" />

写真の後に通常の改行(<br>)を入れても写真の右側に文章の1行分改行されるだけで、その位置に次の写真が入ってしまいます。これが写真が斜めに表示される原因です。
<br style="clear:both" />ですと、写真の下から続きが表示されます。

>この部分はどういう意味でしょうか?
<a href="××"_blank"><img src="○○" /></a>この写真のコメント<br style="clear:both" />
スパさんの投稿された記事で、写真部分のhtmlタグがこのようになっていると思います。
「管理ページ」-「投稿したブログを編集する」で編集したい記事を選ぶと記事のタグが表示され、写真部分を見てみてください。
××はオリジナルサイズの写真のアドレス
○○は縮小された写真のアドレス

もっときれいにレイアウトするには表や、CSSを使うといいのですが、これは更に難しいと思われるので将来チャレンジすることにして、すべての記事で上記改行を見直してみてください。
特に写真が横に3つ並んでいる部分が、サイドバーが下部に表示される原因だと思われますので、優先してなおしてみてください。

1.

2007-05-31 10:30:08ベター
CSSは変更されていますか?
全体の幅より両サイドバーの幅+メインコンテンツの幅が大きくなると起きる現象です。

padding、margin、borderも積み重なると結構な幅になるので、良く調べてみて下さい。

やまじゅんさん、早速の回答をありがとうございました。スパです。
小生は初心者ですので、更に教えてほしいのですが、「CSS」の変更とはどういうことでしょうか?またどのようにして変更するのでしょうか?
よろしくお願いいたします。

2.

2007-05-31 10:43:38ベター
記事の中やサイドバーのプラグインの中に枠超えるような大きな画像使ってないでしょうか? もしくは横に並べすぎてないでしょうか。
HTMLタグの閉じ忘れでもデザインが崩れることあります。

もしあればその箇所を編集してみて下さい。

直接見てどこを変更すればいい、と場所指摘できる人はいるかも知れません。解決しない場合は実際のURLをコメント欄に書いていただくなど検討下さい。
回答レベル : アドバイス

まじかる☆スフィーさん、早速のご回答をありがとうございました。スパです。
確かに記事の中には画像を多く入れています。そして連続して写真のタグを入れたいる部分も多くあります。その結果として写真が斜めに連続して現れています。それが原因だとするとどのように直せばよいのでしょうか?
ちなみにURLは下記の通りです。
http://blog.livedoor.jp/supa_teppen/

3.

2007-06-01 11:32:55ベター
>「CSS」の変更とはどういうことでしょうか?
ブログの中身はhtml(あるいはxml)とCSSで構成されています。
htmlは主に文章の中身、CSSは配置や色などの体裁を設定するものとお考え下さい。
livedoorでは「カスタマイズ/管理」-「デザインの設定」で変更出来ます。

ブログを拝見させて頂きました。
CSSの変更をしていないとなるとそれが原因ではないですね。
本来の記事の幅に対して、大きい表や写真を入れると押し出される形で体裁が崩れることがあります。

直すにはいくつか方法がありますが、簡単なものを紹介しますと、
1枚の写真のタグの後、当該写真の解説をした後に<br style="clear:both" />を入れてみて下さい。
斜めに連なるのが無くなります。
トップページの記事の写真1枚1枚上記改行タグをいれて、サイドバーも解決するといいのですが。

<a href="××"_blank"><img src="○○" /></a>この写真のコメント<br style="clear:both" />

下記ページの固有属性alignの項をご参照下さい。

やまじゅんさん、こんにちは、スパです。
いろいろご指導をいただきありがとうございます。
さて、アドバイスに従い一番下の記事の中にある写真のタグに<br style="clear:both" />を入れてみましたが、特に変化はありません。
もし効果があるようでしたら、その分だけ右側が上に上がるのではないかと思いますが・・・?

それと
<a href="××"_blank"><img src="○○" /></a>この写真のコメント<br style="clear:both" />

この部分はどういう意味でしょうか?

私が初心者のためいろいろお手数をおかけしますがよろしくお願いいたします。

Ads By Google

コメント

まだコメントがありません

トラックバック(2)

トラックバックURL: