IEだとリンクされるが他ブラウザだと出来ない！

解決済

質問者：mark_proud
質問日時：2012/08/07 14:51
回答数：2件

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.2ベストアンサー

回答者： luka3
回答日時：2012/08/07 16:55

結論だけ言いますと、これを削除します。

<p id="s1msgH"></p>

このPタグがs1msgHのCSS設定でちょうど上にかぶさるように配置されているのです。

- 0
- 件

通報する

No.1

回答者： ORUKA1951
回答日時：2012/08/07 16:21

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-html4 … )』ためのものです。idはリンクやjavascriptのターゲットになる場合だけ使うなど、整理しましょう。
　それ以外は、文書構造を補完するためにclass名を使いましょう。具体的にはHTML5の「新しい要素 ( http://standards.mitsue.co.jp/resources/w3c/TR/h … )」が参考になります。
[例]
<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) それを元にスタイルシートを書くこと

　でないと、自分にもワケワカメのソースになり、ましてや他人には理解不能になっちゃいます。
　まあ、今回は余分な空段落を消すだけで澄みそうですが・・