• 締切済み

JavaScript 文字が画像に重なる

Movable Type Pro version 4.21-jaを使ってHPを更新しているのですが、新しく”SubMenuB”にサブバナーを作ったところ、"Footer"部分にJavaScriptを使用した画像と文字が重なってしまいました。 IEで見ると互換表示を使用すれば正しく表示されるのですが、Firefoxは術がなく、どこが原因なのかわかりません。 修正方法をご存じの方いらっしゃいましたら教えてください。

みんなの回答

回答No.1

フッター部分のソース(実際にページを表示した時の)が見たいです。 また、恐らくJavascriptではなく、CSSの問題かと思われます。

関連するQ&A

  • Firefox javascript dreamweaver

    dreamweaver cs3でホームページを作っていてjavascriptのソースが載っているHPを見てまんまコピー・ペーストして作っています。 IEなら、ちゃんと表示されますが、Firefoxで表示してみたら、ちゃんと動作しません。 まだホームページ、インターネットにアップ前です 何が原因でしょうか? vistaでFirefoxは最新バージョンです。

  • IE8のJavascriptアコーディオンについて

    自サイトで以下のサイトにあるJavascriptアコーディオンを使用しようとしたのですが、IE8でだけ挙動がおかしくなります。 http://www.scriptiny.com/2008/10/animated-javascript-accordion/ 私の記述ミスかと思ったのですが、サイトにあるデモをIE8で表示した時も同じでした。 http://sandbox.scriptiny.com/accordion/index.html 見ていただければわかると思いますが、2つあるデモのうちの上の方のアコーディオンです。開いたり閉じたりすると、隙間のmargin-top:5pxが消えてピタッとくっつくように隙間がなくなってしまいます。互換モードのIE7やFF4、Safari5ではこのような挙動はしません。 たぶん構造的欠陥?ということだと思うのですが、Javascriptの知識がないため、どこをどう修正したら直るのか分かりません。提供元の方にもメールで直接尋ねたのですが、返事をもらえません(新しいバージョンのアコーディオンがあるので、これのサポートをする気がないのかもしれません)。 詳しい方がおられましたら直し方を教えてください。よろしくお願いいたします。

  • IEの互換表示モードについて

    タイトルの件質問させてください。 当方IEの互換表示に対する知識がない状態です。 http://support.microsoft.com/kb/2618122/ja 上記リンクから察するにIEの互換表示モードというのは、 HTMLタグや、CSSの見た目のみ旧バージョンのIEに対応するという感じでしょうか? たとえば、IE11を使っていてIE7向けのタグやCSSを表示させたい場合に使うのですか? IE11を使用していてIE7のブラウザを使用している場合を例として JavaScriptの表示にまったく関係のないものはIE11のオブジェクトが使われたりするのでしょうか? それとも、互換表示モードで動作しているIE7のJavaScriptオブジェクトが使われるのでしょうか? 一例としてXMLHttpRequestはIE10に対応という情報を見ても互換表示モードではどちらを見ればいいのかわからず、困っています。。。

  • JavaScriptが動きません

    下記のようなJavaScriptを作りましたが、IE8ではボタンを押しても「ようこそJavaScriptへ」が表示されません。 「F12 Web開発者ツール」というのをチョッとイジったのですが、その為ではないかと思います。 どこをどうイジったか覚えてません。 どうすれば動作するようになるでしょうか、教えてください。 動作状況  サーバーに置いてアクセスした場合は、「FireFox」「IE8」とも表示される。  ローカルデスクに置いてアクセスした場合は、「FireFox」では表示される、「IE8」では表示されない。 ☆OSはWindowsXP。 ☆IE8のセキュリティ設定で「アクティブスクリプト」は「有効にする」になってます。 ------JavaScript----------- <HTML> <BODY> <FORM> <P> <INPUT TYPE="submit" VALUE="ここを押すとメッセージが表示されます" ONCLICK="HelloWorld()"> </FORM> </BODY> </HTML> <SCRIPT LANGUAGE="JavaScript"> <!--Hide script from no-JavaScript browsers function HelloWorld() { alert("ようこそJavaScriptへ"); } //--> </SCRIPT>

  • IEだと一部画像が表示されません。

    IEだと一部画像が表示されません。 Movable Typeで新しくサイトを製作中です。 だいたい出来上がったのですが、 IEだと左上側のロゴが表示されません。 (赤の×がでて表示されないのです。) 他のブラウザでFirefoxやSafariでは表示されるので IE特有の現象なのです。 CSSを見たり、テンプレートを見ているのですが どうしても左側のロゴの表示が出ません。 フロート関係かと思い画像表示サイズも変えましたが 変化なしでした。 表示させるためにはCSSをどのように修正すればよいのでしょうか? Movable Typeで作っているのでMovable Typeのテンプレートの問題なのでしょうか? ご存知の方いらっしゃいましたらご教授いただければと思います。 下記のURLです。 http://www.mathuriya.com/mt よろしくお願い致します。

  • firefoxでjavascriptが表示されない

    ホームページを制作してるのですが、IE・クロームでは表示されるjavascriptが firefoxでは表示されません。 もちろん、javascriptは有効になっていますし、firefoxでjavascriptが使われてるサイトを見たら ちゃんと表示されています。 javascriptの記述はテンプレをコピペしたので間違ってないはずです。 他の記述の仕方が悪いのでしょうか? 原因のわかる方回答お願いします。

  • 文字と画像がかぶって見えてしまうHP

    こんにちは。よろしくお願い致します。 Mac10.4 safariとFirefox を使用していますが どちらのブラウザーを使用しても 文字に画像が重なってしまって 文字が読めないHPをたまに見かけます。 (Win IEで見たらちゃんと見れました) これはどうにかしてMacで見る方法は無いものでしょうか? 稀にsafariで見れず、Firefoxではちゃんとした型で見れるHPもありますが ほとんどがどちらのブラウザーでも同じに見えてしまいます。

    • ベストアンサー
    • Mac
  • ie8 javascript submitできず

    ie8で、javascriptを使ってsubmit()しファイルをアップロードしようと思ったのですが、Webサーバがまったく反応しません。Firefoxとchromeでなんの問題もなかったのでIE8固有の問題だと思うのですが、解決された方はいますでしょうか?手がかりが記載されているサイトでもいいので教えてください。 ちなみにhttp://support.microsoft.com/kb/890981/jaで問題になっている相対パスは入れていません。IE8が出力したファイルパスをそのまま使用しています。

  • JavaScriptで表示した文字の文字化け

    よその掲示板を自分のサイトで部分的に表示するJavaScriptなのですが、文字化けしてしまいます。 <script language="JavaScript" src="http://×××.js"></script> というタグで、利用するJavaScriptはその掲示板のサイトで作成してアップロードされているものです。 私のサイトのHTMLは、今回HTML5で作ってみました。 文字のエンコーディングはこんな感じにしています。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> 文字化けを修正する方法のご指導よろしくお願いします。

  • オンラインとオフラインでのcssとjavascriptの適用のされ方?

    いろいろ調べてみたものの、どうにも解決できなかったので質問させてください! javascriptとcssを使ったサイトを作っているのですが、次のような障害が生じています。 1.オフラインで作ったときにfirefoxで見たときには、問題なく表示されたものがオンラインではcssが全く適用されていない。 2.1.で作ったものをオンライン上でIEやSleipnirを使ってみると、問題なく表示されるものの、オフラインではjavascriptが働いていない。 3.オンライン/オフラインどちらも正しく表示されるのはOperaとSafariだけ。 4.作成したhtml/css/javascriptはDreamweaverCS3のブラウザ互換性のチェックを問題なくパスする。 このような障害の対策についてご存知の方がいらっしゃいましたら、お教えください。

    • ベストアンサー
    • CSS

専門家に質問してみよう