• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:IEだとリンクされるが他ブラウザだと出来ない!)

IEでのリンク表示に問題あり?他のブラウザではリンクが表示されない現象について

このQ&Aのポイント
  • サイト制作者が「Hair | Nail | Estheic | Pet | Hotel | Real estate | CRM | BtoB | Company | contact」の部分にリンクを設定したが、IEでは正常にリンクが表示される一方、他のブラウザ(Safari、Chrome)ではリンクが表示されない現象が発生している。
  • ページ中部より下層のリンクは全てのブラウザで正常に表示されているが、なぜ上層部のリンクのみが表示されないのか理由がわからない。
  • IE以外のブラウザでリンクを表示させる方法を知っている方は教えていただきたい。

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

  • ベストアンサー
  • luka3
  • ベストアンサー率74% (292/393)
回答No.2

結論だけ言いますと、これを削除します。 <p id="s1msgH"></p> このPタグがs1msgHのCSS設定でちょうど上にかぶさるように配置されているのです。

全文を見る
すると、全ての回答が全文表示されます。

その他の回答 (1)

  • ORUKA1951
  • ベストアンサー率45% (5062/11036)
回答No.1

HTMLに重大な間違いがないかチェックしましょう。 ★The W3C Markup Validation Service ( http://validator.w3.org/#validate_by_input ) ★Another HTML-lint 5 ( http://www.htmllint.net/html-lint/htmllint.html )  後者は対策まで示してくれます。  firefox+ fireBugで、要素とスタイルシートのチェックをしましょう。  たぶん、後出の要素がかぶさってしまってリンクできなくなっている。 たとえば<p></p>とか・・・  いずれにしてもHTMLにたくさんの間違いがあります。  むやみやたらにidを付けて、idを使ってスタイルシートを書くとメンテナンスもままなりません。 『DIV要素(とSPAN要素)は、id属性及び class属性と併用することで、文書に構造を付加するための一般機構を提供する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』ためのものです。idはリンクやjavascriptのターゲットになる場合だけ使うなど、整理しましょう。  それ以外は、文書構造を補完するためにclass名を使いましょう。具体的にはHTML5の「新しい要素 ( http://standards.mitsue.co.jp/resources/w3c/TR/html5-diff/#new-elements )」が参考になります。 [例] <body>  <div class="header">   <p class="breadcrumbs">    <a href="/">Home</a> | <a href="Hairindex.aspx">Hair</a> | ******   </p>   <h1>タイトル</h1> ***************  </div>  <div class="section">   <h2>本文見出し</h2> とかだったら、誰でも、10年後に見直してもどこに何が書かれているかわかりますよね。  スタイルシートも div.header p.breadcrumbs{******}  と書かれていたら、誰が見てもへッダー中のパンくずリストの指定だとわかりますよね。 1) HTMLを正しく書くこと、divやspanにidやclassを併用して文書構造だけを書くこと 2) それを元にスタイルシートを書くこと  でないと、自分にもワケワカメのソースになり、ましてや他人には理解不能になっちゃいます。  まあ、今回は余分な空段落を消すだけで澄みそうですが・・

全文を見る
すると、全ての回答が全文表示されます。

関連するQ&A

  • IE6のページ内リンクについて

    IE6のページ内リンクなのですが、うまく作動する時と、しない時があります。 すんなり行く時は、行くのですが、読み込みが遅い場合など、アンカー先ではなく一番上を表示してしまします。 読み込むタイミングによって、効いたり効かなかったりするものなのでしょうか? それとも記述がまちがっているのでしょうか? アンカーは、いくつものリンクでひとつのアンカーを使用しています。 リンクごとにそれぞれアンカーを作ってみましたが、変化なしでした。 <br /> <a name="a01"></a> <?php use_helper('detail') ?> <div class="main_righ02"> <ul class="tab"> <li class="tab_01"> <?php echo $action['action'] == 'company' ? link_to($action['name'], '@companydata?companyname='.$company->getCompanyName().'#a01', array('class' => 'point_01')) : link_to('会社データ', '@companydata?companyname='.$company->getCompanyName().'#a01') ?> </li> <li class="tab_02"> <?php echo $action['action'] == 'fresh' ? link_to($action['name'], '@companydata?companyname='.$company->getCompanyName().'&type=fresh'.'#a01', array('class' => 'point_02')) : link_to('新卒採用', '@companydata?companyname='.$company->getCompanyName().'&type=fresh'.'#a01') ?> </li> <li class="tab_03"> <?php echo $action['action'] == 'career' ? link_to($action['name'], '@companydata?companyname='.$company->getCompanyName().'&type=career'.'#a01', array('class' => 'point_03')) : link_to('キャリア/教育', '@companydata?companyname='.$company->getCompanyName().'&type=career'.'#a01') ?> </li> <li class="tab_04"> <?php echo $action['action'] == 'welfare' ? link_to($action['name'], '@companydata?companyname='.$company->getCompanyName().'&type=welfare'.'#a01', array('class' => 'point_04')) : link_to('ワークスタイル', '@companydata?companyname='.$company->getCompanyName().'&type=welfare'.'#a01') ?> </li> </ul> </div> みてのとおり、URLもPHPで呼び出したりかなり複雑なページになっています。 ページも1ページのHTML内でリンクさせるよりも容量も半端なく重いと思います。 IE6以外のwindowsでは、IE7、Firefox3、Opera9、Safari3 MACだとSafari3、Opera9、Firefox3では正常にリンクされています。 だれか、分かる方教えてください。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • リンクができません・・・。

    DREAMWEAVER8を使っているのですが、メニューバーを5つほど作り、それぞれ同じフォルダの下層ページに飛ぶようにリンクしました。それぞれロールオーバーイメージを使っています。 そして、ブラウザで表示して確かめてみると、最初の1回目でクリックしたときはリンクされるのに、2回目別のメニューバーをクリックしたときはリンク先に飛びません。別のメニューバーで試しても、1回目はリンクできるのに、2回目はリンクできません・・・。 なぜなのか全然分かりません。どなたか分かる方はいらっしゃいますか?

  • ページ内リンクついて

    乱文にて失礼いたします。 ページ内リンクで所定の場所に移動した時、 普通はURLの末に、「~.html#リンク先」となります。 すると、ブラウザの戻るボタンで戻ろうとした時に、 一度のクリックでは、移動前の場所に戻るだけで、 前のページに戻れません。 [例]http://www.nttdocomo.co.jp/service/ ※「このページのトップへ」でページの上に移動後、 ブラウザの「戻る」を選択すると、ページの最下層に移動してしまう。 しかし、下記例のホームページではページ内リンクにを 使用しているのに、URLが「~.html#リンク先」とならず、 「~.html」のままです。 [例]http://amanaholdings.jp/corporate/history/index.html ※すると、ページ内リンクを使用しても、ブラウザの「戻る」を 一度クリックするだけで、前のページに移動できます。 こういう場合、どういった設定をしているのでしょうか? 教えて下さい。

    • ベストアンサー
    • HTML
  • ブラウザについて

    iPhone Safariでhttps://www.microsoft.com/ja-jp/windows/compare-windows-10-home-vs-pro リンクのページ開らくと少し経つと写真のような画面になって何度も開き直ししましたか直りませんiPhoneの再起動、設定Safariの履歴とサイトデータの削除他のブラウザアプリをインストールして試したのですかダメでしたインターネットは4g使ってますか、wifiないので試してません

  • ブラウザについて

    iPhone Safariでhttps://www.microsoft.com/ja-jp/windows/compare-windows-10-home-vs-pro リンクのページ開いて少し経つと写真のような画面になって何度も開き直ししましたか直りませんiPhoneの再起動、設定Safariの履歴とサイトデータの削除他のブラウザアプリをインストールして試したのですかダメでしたインターネットは4g使ってますか、wifiないので試してません

  • リンク先のID属性について

    ページの途中にリンクしたいとき、aタグにname属性を使用しますが、一般のタグにid属性を付加することもできますよね。 <a href="#jump">ジャンプ</a> ↓ <h3 id="jump">見出し</h3> こんな使い方ができると思うのですが、idを利用したリンク先指定は対応するブラウザが少ない、と某サイトに記されていました。しかし、具体的にブラウザのどのバージョンがだめなのか、などについては言及されていませんでした。 詳細をご存知の方、教えてください。 宜しくお願いします。

    • ベストアンサー
    • HTML
  • safariでページ内リンクが動かない

    下記のフリーテンプレートを利用してWEBページを作成する予定です。 ttp://www.styleshout.com/templates/preview/Kreative10/index.html …(1) こちらは1ページ構成となっており、 グローバルナビからページ内リンクで各コンテンツへ遷移するつくりになっているのですが、 環境によってグローバルナビのページ内リンクが動きません。 <動作確認OKの環境> ・Android4.1.1 、chrome18.0 ・iphone4s、safari ・Windows8、 chrome30.0 ・Windows8、 IE10 <動作確認NGの環境> ・Android4.1.1 、標準ブラウザ ・MacOSX 10.8.5 、safari6.0.5 ソースを確認したところ、 リンク元ソースは<a href="#services">Services</a>となっており、 リンク先ソースは<section id="services">となっており、 特に問題があるようには思えません。 別ページから ttp://www.styleshout.com/templates/preview/Kreative10/index.html#services とアクセスすると、正しく「画面遷移+指定したIDの個所」へ遷移するのですが、 同一ページではうんともすんとも言いません。 ちなみに、下記のサイトの場合は、 ttp://www.awerest.com/demo/myway/light/ …(2) >・Android4.1.1 、標準ブラウザ >・MacOSX 10.8.5 、safari6.0.5 上記の2環境でも正常に動いています。 上記リンク(1)、(2)の両ページのリンク元、リンク先ソースは ID名以外は同じなのに、なぜ、(1)は動かなくて(2)は動くのでしょうか。 どうぞよろしくお願いいたします。

    • ベストアンサー
    • CSS
  • name属性の指定について(Windows版Safari)

    教えてください windows版Safari3.03を使ってます。 リンクのname属性を指定したページにリンク元から飛ばしたいのですが リンク先のページまでは普通に表示しますが、 name属性を設定したとこまでは飛んでくれません。 Mac版はMacを持っていないので動作確認はできません。 どうぞ分かる方よろしくお願いします

    • ベストアンサー
    • HTML
  • ファビコンを表示させたい。

    ブラウザのアドレスバーなどにファビコンを設定したいのですが、 下記の点がどうしてもできません。 おわかりの方がいらっしゃいましたら、教えていただけないでしょうか? ■閲覧状況 WindowsIE、FireFox MacIE、Safari、FireFox ■症状 .ico のファイル指定は、絶対パスで指定しています。 TOPページにはアイコンが表示されるのですが 下層ページになると表示されません。 下層ページも全てアイコンを表示させたいです。 よろしくお願いします。

  • SafariではOKで、FireFoxやIEでは正しく表示されません

    SafariではOKで、FireFoxやIEでは正しく表示されません 大変困っています。Intel MacにてDream Weaver CS3を使用しHPを作成しています。 フレームを使用したページを作りましたがブラウザプレビューするとsafariでは 作った通りにターゲットしたところにリンクが反映されて表示されます。 ですが、FireFoxでプレビューすると別ウィンドウにリンクが飛んでしまいます。 全く原因がわかりません。サーバーにアップしてWindowsのIEで見てみましたが、 同じく別ウィンドウに飛んでしまいます。 どなたか解決策を教えて下さい。よろしくお願いします。

    • 締切済み
    • Mac
このQ&Aのポイント
  • メール添付データを開く際、常にWordで開く選択を戻す方法を教えてください。
  • PDFデータがすべてWord化されているため、設定を元に戻したいです。
  • ご利用の製品はライフブックのHNシリーズで、接続方法は無線LANです。
回答を見る

専門家に質問してみよう