- ベストアンサー
IEでのリンク表示に問題あり？他のブラウザではリンクが表示されない現象について
- サイト制作者が「Hair | Nail | Estheic | Pet | Hotel | Real estate | CRM | BtoB | Company | contact」の部分にリンクを設定したが、IEでは正常にリンクが表示される一方、他のブラウザ（Safari、Chrome）ではリンクが表示されない現象が発生している。
- ページ中部より下層のリンクは全てのブラウザで正常に表示されているが、なぜ上層部のリンクのみが表示されないのか理由がわからない。
- IE以外のブラウザでリンクを表示させる方法を知っている方は教えていただきたい。
- mark_proud
- お礼率3% (16/502)
- HTML
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
結論だけ言いますと、これを削除します。 <p id="s1msgH"></p> このPタグがs1msgHのCSS設定でちょうど上にかぶさるように配置されているのです。
その他の回答 (1)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
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> とかだったら、誰でも、１０年後に見直してもどこに何が書かれているかわかりますよね。 スタイルシートも div.header p.breadcrumbs{******} と書かれていたら、誰が見てもへッダー中のパンくずリストの指定だとわかりますよね。 1) HTMLを正しく書くこと、divやspanにidやclassを併用して文書構造だけを書くこと 2) それを元にスタイルシートを書くこと でないと、自分にもワケワカメのソースになり、ましてや他人には理解不能になっちゃいます。 まあ、今回は余分な空段落を消すだけで澄みそうですが・・
