livedoor ナレッジ

サイドバーがマックでは、表示されない。

プロフィールやアーカイブなどのサイドバーが、WINで見るとちゃんとあるのに、マックで見ると、まったく表示されていません。
一度日記にたくさん写真を入れた時に、デザインがずれてしまったのかと思い、なおしてから、デザインを選び直し全てを再構築してみたりしましたが、結局直りません。
どのようにすればよいのでしょうか。

もう一度確認しました。
問題の投稿の画像の横の文字もジャマをしていますね。
Mac IEで文字を小さくしてみれば、サイドバーが元に戻るのでわかると思います。

その文字の前にいくつも改行を入れてもらうか、<br clear="all">を一個入れてもらうかでしょうか。

画像を並べる時は、画像に付いているタグから、align="left"を取ってしまったほうが、こんな面倒は起こりませんが。
画像が一つの文字と同じように扱えて、改行も一回だけで下に行きます。

今は、殆どの人が普通に見えていると思いますよ。Macを使っている人で、IEを使っている人は、もう少ないと思いますから。

基本的に、Macだから、Windowsだからという理由で何かが起こるということはありません。
問題は、ブラウザによる解釈の仕方の差です。
ご使用のブラウザは何ですか？

>プロフィールやアーカイブなどのサイドバーが、WINで見るとちゃんとあるのに、マックで見ると、まったく表示されていません。

これは、サイドバーはあるが、その中身に表示されないものがあるということでしょうか？
この場合は、Macでお使いのブラウザのJavaScriptが有効（ON）になっているか確認してください。

それとも、サイドバーがそのページのどこにも表示されていないということでしょうか？
下までスクロールすると出てきたりはしませんか？
その場合は、記事に問題があると思われます。
画像の大きさ、横に並べていないか、HTMLタグの使い方が間違っていないか、確認してください。

サイドバーがどこにもないという場合は、デザインをカスタマイズしていませんか？
Windows IEでは通ってしまう本来は間違った書き方が、他のブラウザでは通らないという場合があります。
Windowsで、Firefoxを使ってみてください。正常に表示されますか？

後は、サイドバーの状況をもっと詳しく教えて頂くか、ブログのURLを書いて頂いて、直接見せてもらうしか、判断のしょうがないと思います。

確認しました。
Mac OS X版のSafariでも、Firefoxでも正常に表示されました。
基本的には、Mac版のIEで表示がうまく行かなくとも、SafariやFirefoxでうまく表示されていれば、構わないと思います。Mac版のIEは古過ぎます。

しかし、記事の中に問題のあるところがないわけではないので、直しておきましょう。
これを直せば、Mac版のIEでも普通に表示されるのではないでしょうか？
May 08, 2006の記事に使われている写真の改行が足りなく、横並びの状態になっています。
これは、感覚的に調整するのは面倒ですね。
投稿にWindows IEをお使いならば、編集画面の記事入力欄の下の「HTMLを確認」にチェックを入れてください。
記事の写真の部分に、

<IMG class=pict height=92 alt=１実家の窓からの筑波山 hspace=5
src="http://image.blog.livedoor.jp/spun_/imgs/3/9/39d323c7.jpg"
width=123 align=left border=0><IMG class=pict height=92 alt=２
送ってくれる筑波山 hspace=5 src="http://image.blog.livedoor.jp/
spun_/imgs/f/9/f93ff833.jpg" width=123 align=left border=0><IMG
class=pict height=93 alt=３スーパーあずさ hspace=5 src="http://
image.blog.livedoor.jp/spun_/imgs/5/8/58110b70.jpg" width=123
align=left border=0><BR><BR><BR><BR><BR><BR><IMG
class=pict height=92 alt=４楽しい駅弁 hspace=5 src="http://
image.blog.livedoor.jp/spun_/imgs/9/8/9889980a.jpg" width=123
align=left border=0>

というところがあります。
ここの
<BR><BR><BR><BR><BR><BR><IMG class=pict height=92 alt=４楽しい駅弁
の<BR><BR><BR><BR><BR><BR>
を
<br clear="all"><br>
と書き換えてください。
<BR><BR><BR><BR><BR><BR><IMG class=pict height=92 alt=１１エンケンピック（使用済）
のところと
<BR><BR><BR><BR><BR><BR><IMG class=pict height=92 alt=１４吉祥寺は音楽祭
のところも同様に書き換えてください。
「HTMLを確認」からチェックを外して、見てください。イメージ通りですか？
それで良かったら、投稿してください。

ブログを開き直せば、直っていると思います。

この辺の理屈とこれからの対処法は、次の回答に書いておきます。

livedoor Blogでは、記事に入れた画像に自動的に、画像を左に寄せ文字（画像でも）をその右側に回り込ませるHTMLタグが付きます。

このため、画像を続けた場合、横にずっと続いていって、枠からはみ出してしまいます。

挿入した後に、回り込ませないようにするには、2つ方法があります。

どちらも、HTMLタグをいじる必要がありますので、投稿ページや、編集ページの、
入力欄の下の「HTMLを確認する」にチェックを入れて、HTMLを表示させるか、
始めから、エディタとして「シンプルエディタ」を選んで作業します。

●　まず、HTMLタグから、文字を右に回り込ませる部分を削除する方法です。

画像のHTMLタグ

<img src="http://　～　 />

の中から

align="left"

を削除してください。
そうすれば、画像が普通の1文字のような配置の仕方になります。
画像を続けた場合、記事の表示欄の幅が十分なら、先程の画像の横に来ます。
狭ければ、下に来ます。
改行を一回するだけで、次の画像が下に並びます。

●　もう一つは、後から、回り込みの機能を解除する方法です。

これは、始め、文字を回り込みさせ、途中から画像の下に行かせたいという場合にも使えます。
画像のHTMLタグの後（>の後）、あるいは、文章の区切りの後に、

<br clear="all">

と入れてください。
これは、回り込みの機能を解除し、改行するものです。
この後に続けた、文字や画像は、前の画像の下に行きます。

ちょっと面倒かも知れませんが、こんなところで対処できます。