ズバうま!おつまみレシピ

アサヒビールの、お酒に合う「ズバリうまい!」おつまみレシピブログパーツをご紹介。
今日の食卓の参考に、おいしいレシピ情報をいち早くお届けします。
おつまみレシピブログパーツであなたのブログを飾っちゃお!

読み込むたびに季節のおすすめレシピがランダム表示。写真をクリックするとレシピ詳細へ。難易度スター、調理時間、ポイントが見やすい!カレンダー付きです。

ズバうま!おつまみレシピ
ユーザー登録 不要ですがサイトの注意もよく読もう
難易度 超簡単難易度:超簡単
タグの種類 JavaScript
設置方法 置いてあるコードをブログに貼り付けるだけ
サイト ズバうま!レシピ
ズバうま!レシピ
関連記事
  • このエントリーをはてなブックマークに追加

みんなの声

表示が崩れる原因は文字化け?

「ズバうま!おつまみレシピ」ブログパーツが
「charset=EUC-JP」のページにあると表示が崩れてしまうようです。

このブログパーツではiframeタグを使って表示するようになっています。
そのiframeタグ内に「お使いのブラウザではサポートされていません」
という文字列があります。
「charset=EUC-JP」の場合だけこの文字列が文字化けしています。
その影響でiframeの終了タグの最初の方も文字化けしていて、
iframeの終了タグとして認識できない不完全な形になっているので、
iframeの終了タグが存在していない状態でブラウザが表示します。

ですから「置いてあるコード」の直後に
「iframeの終了タグ」を追加すれば、正しく表示されると思います。

  • ぬまぶくろう
  • 2010.02.21
  • Sun
  • No.4638
  • edit ]

satokoto

有益な情報をありがとうございます。ほんとだiframeを読み出していて、その最後が化けてしまっちゃってるのですねー。ふむふむ。
ただ下手にiframeの閉じタグを足してしまうと、正常に表示できるIE8やFirefoxで閲覧した時におかしなことになっちゃいそうな。ううむ、なかなか悩ましいですね。。

  • ぬまぶくろうさんへ
  • 2010.02.22
  • Mon
  • No.4640
  • edit ]

ブラウザが補う位置の違い

表示が崩れないブラウザでは正しい位置で
iframeの終了タグを補っているものと思われますが、
IE6等の表示が崩れるブラウザは次のiframeの開始タグの
直前でiframeの終了タグを補っているようです。

「置いてあるコード」の直後に「iframeの終了タグ」を追加すれば、
iframeの終了タグの不足分を補う必要がなくなります。
不足分を補う必要がなくなれば表示が崩れる可能性も低いと思います。

  • ぬまぶくろう
  • 2010.02.23
  • Tue
  • No.4642
  • edit ]

satokoto

詳しく検証していただいてありがとーございます。ただ、ここは紹介ブログなので、わたしがタグを変更できるわけではないんですよねー。せっかくなので運営元さんのほうにもどうでしょうか??

  • ぬまぶくろうさんへ
  • 2010.02.24
  • Wed
  • No.4644
  • edit ]

コメントを投稿する ▼

パスワードを入力しておくと、後で投稿の修正や削除ができます。
 非公開コメントとして投稿する。

トラックバック

FC2ブログユーザー限定トラックバック&記事作成便利リンク