2004年11月19日

サイドバーがずれる第4の理由

livedoor Blog ガイドの「大きい画像はないのにサイドバーがずれる」によると、その理由として

1)<img>タグのalign指定ミス
2)<div>タグの閉じ忘れ
3)<img>タグのhspace指定ミス

の3つがあげられている。その他にも、

4)<img>タグの閉じ忘れ

があるようだ。

<img 〜 align="left" />とimgタグの最後を" /"(スラッシュの前にスペースを入れること)で閉じないとサイドバーが落ちることがある。これはXHTML(XML)の書法で「タグはちゃんと終了させる。単独タグ内の終わりは/で終了させてよい」というルールに基づいている。

ライブドアで自動生成したタグにはちゃんとスラッシュがはいっているけど、私自身これを手動でいじっているときに削除してしまいサイドバー落ちしてしまったことがある。/を入れたらなおったので、ズバリそれが原因だったと思う。

どうなんでしょうか、担当者の方?



この記事へのトラックバックURL

http://trackback.blogsys.jp/livedoor/cozy_009/9524104
この記事へのトラックバック
初めて写真を投稿したら、サイドバーが本文の上に被ってしまった。 以下、試行錯誤の跡を記しておくので、ご参考になれば幸い。 1、「投稿したブログを編集する」でアップした記事をコピーした上で一旦丸ごと削除。再構築すると戻っている(この記事が問題だったことを....
サイドバーが本文にかぶった! →修正の顛末【脱サラ半年で日経新刊デビューした作家のブログ】at 2005年08月18日 12:11
初めて写真を投稿したら、サイドバーが本文の上に被ってしまった。 以下、試行錯誤の跡を記しておくので、ご参考になれば幸い。 1、「投稿したブログを編集する」でアップした記事をコピーした上で一旦丸ごと削除。再構築すると戻っている(この記事が問題だったことを....
サイドバーが本文にかぶった! →修正の顛末【脱サラ半年で日経新刊デビューした作家のブログ】at 2005年08月18日 12:13
この記事へのコメント
■投稿者:サマヨエル at 2004年11月20日 17:05
ハジメマシテ!
写真が楽しみで、良く見させて頂いています。
Cozyさんの写真見てると、デジ一眼欲しくなります^^

思いますに、Cozyさんのモニタは17インチ以上ではありませんか?
私事ですが、ワタシの場合、
ブラウザを前のモニタ(15インチ)の大きさ(800*600)にして
HPやブログの見栄えを確認しています。
その状態で見ると、
Cozyさんに限らず、大きい画像を使っているとこは殆ど、
サイドバーが下に落ちてしまっています。
多分、CSSのBODY全体の幅の指定も関係あると思うのですが、
如何でしょうか。。
--+--+--+--+--+--+--+--+--+--+--
■投稿者:Cozy at 2004年11月20日 21:31
こんにちは>サマヨエルさん

デジタル一眼レフはいいですよ。表現力がありますから。かなり安くなっていますからね。おすすめです。

サイドバーの件は、ご指摘のとおりです。ブラウザの横幅が足りないとサイドバーは落ちます。これはライブドアガイドでも指摘されていることで、リンク先の記事では「大きな画像はないのに」と状況を限定しています。
ということでご理解ください。

--+--+--+--+--+--+--+--+--+--+--