2008年12月30日

livedoorブログの質問 サイドバーが落ちます

このエントリーをはてなブックマークに追加 mixiチェック


 

解決済
困っていますので詳しい方教えて下さい。

【前提】
CSSもスキンのソースもまったく触っていない
ファイヤーフォックスとchromeは正常表示、IE6(プニル)が駄目

【症状】
・ブログトップ表示のみサイドバーが落ちる
・個別ページで表示すると正常表示

【検証済み】
・エントリー<【映画】アンダーカヴァー>までは正常表示
・エントリー<【飯島愛変死外伝】 デヴィ夫人逆ギレ 以下略>以降、何を立ててもサイドバーが落ちる
・ダミー新エントリー(タイトル:テスト・コンテンツ:テストのみ)を立ててもサイドバーが落ちる
・エントリー<【飯島愛変死外伝】 デヴィ夫人逆ギレ 以下略>以降を非表示にすると正常表示
・サイドバーを非表示しても状況変わらず
・センターカラムとサイドバーのピクセルを変更しても状況変わらず

【心当たり】
・昨日、エントリーアップロードしたら「エラー」ダイヤログが出現していた
・昨日、エントリーアップロードしたら「プロキシエラー」みたいなウォーニング表示が一瞬出た
・昨日、追記箇所(more)の修正を行ったが変更が反映されなかった

デヴィ夫人の祟りなんですかね ><


HTML Validaterにかけてみるとエラーだらけなんだけど、レイアウトに関係ありそうなのは閉じて無いOBJECTタグがあるところ。
「韓国政府公式サイト ごっつええ感じにハッキングされる」っていう記事だけど、トップページだとOBJECT要素の真ん中でぶった切れてる(OBJECT要素の途中で「続きを読む」になってる)。ページを保存してからソースを編集して、そこのOBJECTタグを削除するとIEでもサイドバーが右に来る。
多分、そこから後がIEでは全部OBJECT要素の中に納まっている、と解釈されて、OBEJCTの横幅に収まるようにレイアウトされてる。
Posted by Phoenix at 2008年12月30日 14:19


まさにPhoenixさんです^^ 素晴らしい。
簡単に説明しますと、貼付していたyoutubeのタグが途中で切れていた・・

こう一発で書かなきゃいけないのに
<object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/hPzNl6NKAG0&hl=ja&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/hPzNl6NKAG0&hl=ja&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>


途中でぶった切っていたというバカミス。結果的にindex領域がタグの締め忘れとなっていました。
<object width="425" height="344">
(続きを読む)


あいうえお
<param name="movie" value="http://www.youtube.com/v/hPzNl6NKAG0&hl=ja&fs=1"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/hPzNl6NKAG0&hl=ja&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"></embed></object>


誰かが同じ轍を踏むかもしれませんので、事例代わりに生き恥を永遠晒し上げしておきます^^









コメント
kwoutリンク文字の長さ?(自信なし)
Posted by _ at 2008年12月30日 13:37
ダミーで新エントリー(中身カラ)を作っても落ちるんですよ。

Posted by kingcurtis at 2008年12月30日 14:08
HTML Validaterにかけてみるとエラーだらけなんだけど、レイアウトに関係ありそうなのは閉じて無いOBJECTタグがあるところ。
「韓国政府公式サイト ごっつええ感じにハッキングされる」っていう記事だけど、トップページだとOBJECT要素の真ん中でぶった切れてる(OBJECT要素の途中で「続きを読む」になってる)。ページを保存してからソースを編集して、そこのOBJECTタグを削除するとIEでもサイドバーが右に来る。
多分、そこから後がIEでは全部OBJECT要素の中に納まっている、と解釈されて、OBEJCTの横幅に収まるようにレイアウトされてる。
Posted by Phoenix at 2008年12月30日 14:19
確かにyoutubeのタグが千切れていました。。

大変お世話になりました!
Posted by kingcurtis at 2008年12月30日 14:28
そうかやっぱりデヴィ夫人の祟りか。
Posted by takkyu at 2008年12月30日 15:34
  ※ コメント認証制です。URL記述不可。久保田直己さんの名誉を毀損したり誹謗中傷する書き込みは固くお断りします。
※ 全角換算400文字超を入力するとコメント飛びます。要分割投稿。