ツイッターウィジェットがIE以外で表示されない（ウェブページ作成）
質問が締め切られてしまったので、再度質問させていただきます。
ツイッターのウィジェットを作成しているウェブページに表示したのですが、できません。
IEでは表示されるのですが、それ以外では表示されません。
ためしに他のウェブページでクロームでもちゃんと表示されているソースをコピペしてみたのですが、
表示されませんでした。
また、cssが原因かと思い、IEとそれ以外でcssファイルを分けているので、IE用のcssファイルのみにしてみたのですが、結局表示されませんでした。
scriptタグ内で言語指定してみたり、そもそも自分のクロームの問題かと思い、キャッシュの削除などしてみましたが、みれません…。
貼っているツイッターウィジェットは、公式のものです。
なにか原因として考えられるものを教えていただきたいです。
よろしくお願いいたします。
職場で作成しているものなので、urlなどは提示できません…。
ログインして回答する
みんなの回答
-
まつこ
なお、他にもjavascriptをページ内で用いていますが、それらは正常に動作しています。
この質問へのコメント
質問の情報
- 登録日時
- 2013-07-11 11:36:32
- 終了日時
- 2013-07-18 11:40:07
- 回答条件
- 1人50回まで
この質問のカテゴリ
この質問に含まれるキーワード
人気の質問
-
この英文どうなってますか？ The boy seemed to be waiting for his mother to come.（その少年は母親が来…
匿名質問者
1
1
-
不定詞の形容詞的用法らしいんですけど、副詞的用法と書いたら✖️ですか？ I want to buy a book to read …匿名質問者11
-
日向陽葵という○V女優が好きなのですが似ている○V女優はいますか匿名質問者
-
共通テストで使われるプログラミング言語は共通テスト特有の言語と聞いたのですが、受験勉強で身につけたプ…匿名質問者1
-
内定してほしいポケモンはいますか？匿名質問者
どうしても提示できない場合は、自分で原因を探るしかありません。
まずは新規にシンプルなページを作成してウィジェットが表示される事を確認し、少しずつ問題が発生するページからHTMLコードを追加してその都度表示確認する事を繰り返して、ウィジェットが表示されない原因となっているコードを特定してみてください。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>ツイッターウィジェット表示テスト</title>
</head>
<body>
<div id="wrapper">
<div id="tweetBox">
ここにウィジェットのコード
</div>
</div>
</body>
</html>
※ファイルの文字コードはUTF-8です。
※CSSとJavaScriptは最後に追加してみてください。
※まず最初に、問題の発生するページのCSSとJavaScriptをすべて除去した場合に、ウィジェットが表示されるかどうかを確認しておくといいかもしれません。
無知で申し訳ないのですが、
<div id="wrapper">と<div id="tweetBox">とはなんなのか教えていただけませんでしょうか？
原因の特定ができたのでしょうか？
> <div id="wrapper">と<div id="tweetBox">とはなんなのか教えていただけませんでしょうか？
特に何でもありません。
<body>直下にウィジェットのコードを貼り付けてもいいのですが、親要素となるボックスを用意して入れるのが癖になっているだけです。
※「#wrapper」は一番外側の要素につけられる事がよくあるようです。(他には「#outline」なども使われているようです。)
「#tweetBox」は分かりやすいように適当につけただけで特に意味はありません。
何れもデザインする際にCSSで使用しますので、自分で分かりやすいようにつけるといいです。
※一応HTMLの仕様として、テキストなどのインライン要素を<body>直下に記述する事は非推奨となっています。
・body要素
http://w3g.jp/xhtml/dic/body
原因がよくわからないのですが、でも問題のあったページでも表示することができるようになりました。