スクリプトを挿入後、ページデザインが戻らない

前へ 次へ
このQ&Aのポイント
  • スクリプトを挿入したことによって、ページデザインが崩れたまま戻らない問題が発生しています。
  • スクリプトの挿入位置によって、テーブル内のコンテンツが正しく表示されない現象が起きています。
  • この問題の解決策としては、1. サーバーサイドのプログラムの影響を調べる、2. スクリプトの挿入方法を変更する、3. 解析バナー提供側に問い合わせるなどが考えられます。
回答を見る
  • ベストアンサー

スクリプトを挿入後、ページデザインが戻らない。（長文）

ボディー内のテーブルタグです。 <TABLE>　（テーブル大） <TR> <TD>・・・・・・・・・・・・・</TD> <TD>・・・・・・・・・・・・・</TD> <TD> <table> ～ </table>　（テーブル小） </TD> </TR> </TABLE> これで何の問題も無くちゃんと表示されていました。 ところがある時、３列目のテーブル小タグのすぐ下に、無料レンタルの解析用のバナースクリプトを挿入 したところ、設置した位置に表示されずテーブル小と重なって表示されてしまいました。 （このバナーはタグを設置した位置に表示されるタイプです。） その後このスクリプトを削除して表示させたところ、元々の表示には戻らず、テーブル小がほとんど消えてしまいます。 正確にはテーブル小の左端がわずかに表示されるのみです。 テーブル小が枠外（画面外）に出ていて、横スクロールが表示されるわけではありません。 （ＩＥでのみのようです。Firefoxでは表示されてます。私のＰＣでのみの現象ではないことは確認されてます。） 普通はどこかのタグが間違ってたとしても、テーブル小の内容がページ内のどこかしらに表示されるはずです。 それがテーブル小の左端のボーダー部分しか現れない・・。この現象が全く理解できません。 ただ、テーブル小タグのすぐ上もしくはすぐ下などにテキストや画像を挿入すると、 なぜだかテーブル小が現れてテキストや画像などとともに、ちゃんと表示されます。 １．スクリプトを挿入したことで、サーバーのプログラムに何らかの影響がでたのでしょうか？ ２．どうやれば回避できるでしょうか？ ３．この場合の問い合わせは、サーバー側でしょうか？解析バナー提供側でしょうか？ よろしくお願いします。

質問者が選んだベストアンサー

  • ベストアンサー
  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.3

あと、思いつくのはスタイルシートですが、 CSSは使っていませんか？

ame-sanc
質問者

お礼

このお答えを聞いてあらためてテーブル小を見直したところ、テーブル小のスタイルが <table style="font-size:13px;" width="200" cellspacing="1" cellpadding="4" border="1" bgcolor="#f0fff0" align="right"> となっていて、 align="right" の部分を取り去ったところ、思いどうりの表示になりました。 （重ならずスクリプトバナーが表示） 詳しくタグを書いておけばよかったのに、このようなお手間をとらせてしまいました。 本当に申し訳ありませんでした。ありがとうございました。

その他の回答 (2)

  • steel_gray
  • ベストアンサー率66% (1052/1578)
回答No.2

キャッシュが変に残っていて実際の状態と違ってしまっているとか。 （ブラウザの更新ボタンを押してみる） Firefoxでないなら大丈夫だと思うけど、なんらかの構文のミスが残ってしまっていないかチェックしてみる。 http://openlab.ring.gr.jp/k16/htmllint/htmllintl.html

ame-sanc
質問者

お礼

何度かスクリプト部分を出し入れしていたら、テーブル小が消えるという現象は なくなりました。構文は変更はしませんでしたが・・。 まだスクリプトを挿入すると、テーブル小と重なるという現象は起こったままです。 ご提供ＵＲＬでチェックしてみましたが、特に問題はないようです。 ご回答ありがとうございました。

noname#39970
noname#39970
回答No.1

table小って 枠を表示するためだけに使ってる？ そうだとしたら <table>文字</table> になってない？ そうだとしたら　ちゃんと<tr><td></td></tr>で囲まないと。

ame-sanc
質問者

お礼

いえいえ、申し訳ありません。テーブル小内のタグは省略してあります。 ページ内を構成するタグは正しく、元々はちゃんと表示されていたものです。 一部簡略してしましました。申し訳ありませんでした。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. その他（プログラミング・開発）

関連するQ&A

  • ScriptがTABLEタグの中に表示されません。

    下記の様にScriptを使ってTABLEタグの中に表示させようと思ったのですが、test2.jsの「あれ？」がTABLEタグ欄に表示されません。 何方かご教授してもらえませんか？ ↓↓↓↓<HTML File>↓↓↓↓ <HTML><BODY> <script src="./test1.js"></script> </BODY></HTML> ↓↓↓↓<test1.js File>↓↓↓↓ document.open(); document.write("<TABLE border=1><TBODY><TR><TD>1</TD><TD>おや？<script src=\"./test2.js\"></script></TD></TR><TR><TD>1</TD><TD>1</TD></TR></TBODY></TABLE>"); document.close(); ↓↓↓↓<test2.js File>↓↓↓↓ document.open(); document.write("あれ？"); document.close();

  • 本日の場所を示すスクリプト

    <table> <tr><td>1/1</td><td>田中さん</td></tr> <tr><td>1/2</td><td>亀井さん</td></tr> ・・・・・・・・・・・・・ <tr><td>12/31</td><td>道重さん</td></tr> </table> ページを開いたときにその日が1/2ならその部分に、「矢印gif動画」挿入なり、テーブル色を変えたりと document.write (" ") でやりたいと思っていますが、見ての通り約３６５項目あります。 スタイルシートとからめてやれば、なんとかできるのではないかとは思いますが、初心ゆえ思いつきさえ出来ません。 なんとか簡単（すっきり）とできないものでしょうか？ また仮に３６５個全部にスクリプトを挿入したときですが、そんなに多く埋め込んで不都合（不具合）はおきないのでしょうか？ よろしくお願いします。

  • tableの横の位置を変えるには？？

    <div> <table> <tr><td>あ</td><td>い</td></tr> <tr><td>う</td><td>え</td></tr> </table> </div> が仮にあったとして、これを外部ＣＳＳファイルでどこかのタグに text-align:center を適用させ、テーブルの位置を真ん中にさせたい（表のような使い方です）んですが、自分でやってみたら、divとtableにＩＤとclassで両方試して適用させましたができませんでした。 この表の横の位置をブロックとしてとらえて移動させることはできる でしょうか？？

    • ベストアンサー
    • HTML
  • javascriptでテーブルの一定数の列ごとにtrタグが挿入されるようにしたい

    javascriptで、以下のような横長1行のテーブル内の「<td></td>」タグが 3列表示されるごとに「</tr><tr>」を挿入されて改行されるようにしたいのですが、 具体的にどのように組んで行けば良いのか分からず困っています。 よろしければご教授お願いします。 ---------------------- 【ソース】 <table> 　<tr> 　　<td>1</td> 　　<td>2</td> 　　<td>3</td> 　　<td>4</td> 　　<td>5</td> 　　<td>6</td> 　　<td>7</td> 　　<td>8</td> 　　<td>9</td> 　　<td>0</td> 　</tr> </table> 【ブラウザでの表示】 |1|2|3|4|5|6|7|8|9|0| ---------------------- このような形に成型されるようにしたいと思っています。 ↓ ---------------------- 【ソース】 <table> 　<tr> 　　<td>1</td> 　　<td>2</td> 　　<td>3</td> 　</tr> 　<tr> 　　<td>4</td> 　　<td>5</td> 　　<td>6</td> 　</tr> 　<tr> 　　<td>7</td> 　　<td>8</td> 　　<td>9</td> 　</tr> 　<tr> 　　<td>0</td> 　</tr> </table> 【ブラウザでの表示】 |1|2|3| |4|5|6| |7|8|9| |0| ----------------------

  • フォームに入力した文字を挿入して出力する方法

    フォームに入力した文字を挿入して出力する方法 JavaScript初心者です。 複数のフォームに入力した文字をタグなどに挿入して、 テキストエリアに出力するにはどうしたらいいのでしょうか？ ↓出力例 <table> <tr><td><a href="あああ">いいい</a></td></tr> <tr><td><a href="あああ">ううう</a></td></tr> （改行） <tr><td><a href="えええ">いいい+ううう</a></td></tr> </table> よろしくお願いいたします。

  • WEBサイトのデザインについて教えてください。

    少し前から趣味でホームページを作成するようになり、今ではかなりホームページに興味を持つようになりました。今は飲食店でアルバイトをしているのですが、将来はWEBデザイナーになりたいと思っています。 無料で作れてテンプレートを使用し作成できるサイト作りに飽きてしまい、先日ドリームウィーバーを購入して勉強しています。HTML,CSSはある程度習得できたと思っています。 そこで質問なのですが、tableタグを使用してサイトをデザインしていくのはいけない（好ましくない）のでしょうか？とあるサイトを見てみると、「tableは表を表すタグなのでできる限り使用しない方がよい。CSSを用いてpositionを使用した方が好ましい」といった事が書かれていました。他にも「tableタグ内にtableタグを挿入するのはよくない。spamサイト（？）扱いにされてしまう事がありSEO対策も悪い。」といった事も聞いたことがあります。 今まで私はtableタグを使い、CSSのtext-align:center;を使用して配置していましたのでそのような記事を見てしまい「今まで間違ったことをしていたのだろうか」と思っています。しかし、綺麗に作られたサイトのソースを見たりしてもtableタグを使用しているサイトもあり、実際はどうなのだろうかと心配です。例えば<table>を使用していけないのか、 <table><tr><td> <table> <tr><td> </td></tr> </table> </td></tr></table> 上記のように（見にくくてすみません）table内にtableタグを使用してはいけないのか・・・。いろいろな情報がありすぎてどれが一般的に使用していいのかさっぱりです。 皆様はどのようにWEBデザインをなさっているのでしょうか。やはりtableを使用しないのでしょうか。 説明が長くなってしまいましたが、どなたかご教授していただけませんでしょうか。本気で目指していきたいと思っております。どのような意見でもかまいません。よろしくお願いいたします。

  • java scriptのwrite()の結果

    <script> document.write("<table border>"); document.write("<tr>"); for(i=0;i<3;i++){ document.write("<td>"+i+"</td>"); } document.write("</tr>"); document.write("</table>"); </script> 例えば上記のような Java Script を作ったとします。 Internet Explorer で実行すると表（ＨＴＭＬの結果？）が表示されますが、 そうでなく 以下のようなＨＴＭＬのスクリプトを表示させる事は できますか？　もしできるなら方法をお願いします。 <table border><tr><td>0</td><td>1</td><td>2</td></tr></table>

  • スクリプトについて　２

    先ほど質問したものの延長ですが、 <table> <tr> <td> <SCRIPT LANGUAGE="JavaScript"> <!-- w = (new Date()).getDay(); if(w == 3) document.write("水曜です。"); //--> </SCRIPT> </td> </tr> </table> 水曜日にテーブルの中に「水曜日です」という言葉と同時に、td～td　に挟まれた部分の背景を　bgcolor="blue" にしたい（背景を火曜日は赤、木曜日は茶、みたいにしたい）のですがどうやればよろしいでしょうか？

  • DHTMLでテーブルの行の表示・非表示を切り替える。

    こんにちは。 WEBアプリケーションのモックアップを作成しています。 自身はJava屋ですが、DHTMLに明るくないため、苦戦しています。 同一画面内のリンクがクリックされた場合に・・・ テーブルの行の表示、非表示を切り替えたいのです。 <!-- ========================= --> <!-- テーブル１ --> <table border="1"> <tr> <td>ヘッダ１</td> <td>ヘッダ２</td> </tr> <!-- ☆☆☆ ここから ☆☆☆ --> <tr> <td>111</td> <td>aaa</td> </tr> <tr> <td>222</td> <td>bbb</td> </tr> <!-- ☆☆☆ ここまで消したい ☆☆☆ --> </table> <!-- テーブル２ --> <table border="1"> <tr> <td>ヘッダA</td> <td>ヘッダB</td> </tr> <tr> <td>あああ</td> <td>いいい</td> </tr> </table> <!-- ========================= --> <tr>タグを<div>タグで囲んで、styleでhidden、visibleを切り替えようと考えましたが、<tr>に<div>タグが使えない事を知りました。 そこで、テーブル１を大きくテーブルで囲み、ヘッダとボディ部をセルに入れて、セルの表示・非表示を切り替えました。 これは上手くいったのですが、非表示にした場合、テーブル２との間は詰まるようにしたいのですが、もともと表示されていた分のスペースが出来てしまいました。 あまり、ロジックを組み込まずに作ろうと考えているのですが、上手い方法が思いつきません。 何か良い方法がありましたら、ご教授願います。 ターゲットのブラウザは… IE5.5～IE7 です。

    • ベストアンサー
    • HTML
  • HTMLのタグ整形スクリプトについて

    PerlでHTMLのタグ整形スクリプトを作成しようと思っているのですが、 例 <html><head><title></title></head> <body><table><tr><td></td></tr></table></body> </html> ↓ <html> タブ<head> タブタブ<title></title> タブ</head> タブ<body> タブタブ<table> タブタブタブ<tr><td> タブタブタブ</td></tr> タブタブ</table> タブ</body> </html> こんな感じなんですが・・・。

    • 締切済み
    • CGI

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する