- ベストアンサー
winXPで作ったHPがwin8では動作が違う
- winXPで作成したHPがwin8では異なる動作をする問題について
- winXPで作成したHPの画像がwin8では外枠にポインターを乗せた時に変わる問題について
- winXPで作成したHPの画像の中央にポインターを移動させると最初の画像になってしまう問題について
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (3)
- play_with_you
- ベストアンサー率37% (112/301)
OSじゃなくブラウザの問題なので、そっちの方向性で調べなおすべし。 …もちろん自分で検索とかはしてますよね…？？
お礼
返信遅くなってすいません。 ブラウザはXPではIE8でWIN8ではIE10です。 検索して分かったのはIE10は以前のバージョンで作ったＨＰをアップすると上手く表示できないことがあるということでした。IE8に戻せば上手く表示できるのかも知れませんが、ほとんど知識がないのであまり高度な作業をすることにちょっと気後れしています。
- ORUKA1951
- ベストアンサー率45% (5062/11036)
他のブラウザでは？？ firefox,opera,chromeでは？？。 理由は、たぶん単純でHTMLが互換モードで動作している。 <互換モード> スタイルシートの解釈がウェブ標準でない古いIE(6以前)対象に作成されたページを閲覧するためのモード。 使われているHTMLの仕様が分かりませんが HTML4.01strictでしたら <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> HTML4.01transitinalでしたら <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> のようにすると、古いIEでも標準モードで動作します。 ボックスのサイズの解釈に違いがあります。 正しい動作は、firefox,Chrome,IE10の動作です。 javascriptだと、 【引用】＿＿＿＿＿＿＿＿＿＿＿＿ここから Lynx などのテキスト ブラウザを使用して、サイトを確認します（ほとんどの検索エンジンのスパイダーには Lynx で見えるようにサイトが映ります）。JavaScript、Cookie、セッション ID、フレーム、DHTML、Flash などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで表示されない場合、検索エンジンのスパイダーがサイトをうまくクロールできない可能性があります。 ￣￣￣￣￣￣￣￣￣￣￣￣￣ここまで［ウェブマスター向けガイドライン - ウェブマスター ツール ヘルプ( https://support.google.com/webmasters/answer/35769?hl=ja#2 )］より という重大な欠陥があるので、単純にナビゲーションをスタイルシートでデザインしたほうが良いでしょう。 HTML <p id="goInfo"><a href="information-w.html">情報</a></p> でね。 画像のデザインが分かりませんが、文意から上下左右に3pxずつ枠がある画像だと思われるので、スタイルシートを含むものは・・ ★HTML4.01strict + CSS2.1 のウェブ標準です。文字コードShift_JIS ★Another HTML-lint 5( http://www.htmllint.net/html-lint/htmllint.html ) のDATA入力でチェック済み ★タブは＿に置換してあるので戻す。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="ja"> <head> ＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS"> ＿<title>サンプル</title> ＿<meta name="author" content="ORUKA1951"> ＿<meta http-equiv="Content-Style-Type" content="text/css"> ＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" > ＿<link rel="START" href="../index.html"> ＿<style type="text/css"> <!-- p#goInfo{ width:124px;height:124px; background-image:url(gazou/button/information1.gif); } p#goInfo a{ display:block; width:118px;height:118px; position:relative;top:3px;left:3px; text-indent:-10em;overflow:hidden; } p#goInfo a:hover{background:url(gazou/button/information2.gif) 50% 50%;} p#goInfo a:active{background:url(gazou/button/information3.gif) 50% 50%;} --> ＿</style> </head> <body> ＿<div class="header"> ＿＿<h1>タイトル</h1> ＿＿<p>このページでは・・・・</p> ＿</div> ＿<div class="section"> ＿＿<h2>見出し</h2> ＿＿<p id="goInfo"><a href="information-w.html">情報</a></p> ＿</div> ＿<div class="footer"> ＿＿<h2>文書情報</h2> ＿＿<dl class="documentHistry"> ＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt> ＿＿＿<dd>2012-08-10</dd> ＿＿</dl> ＿＿<address>© ORUKA1951 2012 - 2016 All Rights Reserved mailto:*****</address> ＿</div> </body> </html>
お礼
回答ありがとうございます。 ブラウザはXPではIE8で、WIN8ではIE10です。HTMLの仕様はHTML5です。XPでもWIN8でも同じものを確認したのですが、WIN8では表示が上手くできませんでした。何しろ知識が素人のようなものでせっかく説明していただいたjavascriptのことも分かりません。 このHPを作ったとき最初はHTML4.01strict + CSS2.1のウェブ標準です。文字コードはUTF_8でした。 以前のHPの仕様 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> 新しいHPの仕様 HTML5でスタイルシートは以前と同じです。文字コードもUTF_8です。 <!DOCTYPE html> <HTML lang="ja"> 確認した結果XPのIE8ではどちらも上手く表示されましたが、WIN8のIE10ではどちらもcoords属性で指定した座標の枠の部分にポイントターを合わせた時しか画像は切り替わりませんでした。 丁寧な回答ありがとうございました。 ちなみに以前の仕様で作ったHPを見ていただけれはトップページに問題の画像が載っています。 http://www.maroon.dti.ne.jp/tubugainokimo.com
- goold-man
- ベストアンサー率37% (8364/22179)
XPはブラウザIE6です（v7かv8にアップしているかも知れないけど）Windows 8のブラウザIE10です。 バージョンが変われば動作しない部分もあるでしょう。 XPのアプリケーションがWindows 8で動作しない場合もあります。
お礼
回答ありがとうございます。 XPではIE8にバージョンアップしていました。 画像はアドビのイラストレータCS3を使って描いたものです。確かにWIN8ではCS3は動作しないと言うことなのでそのせいかもしれません。WIN8ではCS6を使おうと思っているので確認してみます。 インストールしたばかりなのでまた時間がかかるかもしれませんが、やってみます。 ありがとうございました。
お礼
回答ありがとうございます。 ★Another HTML-lint 5でチェックしてみたところエラーがたくさんありました。とても分かりやすいサイトのようなので問題も解決できるようなきがします。好いサイトを紹介していただきありがとうございました。