IE8のページ内リンクがうまく動作しない!?
移転しました。
IE8でページ内リンクが動作しない現象に出くわしたのでメモっておく。
tableのtrタグとtdタグにidを付与したHTMLを用意して、IE8でそのHTMLを表示する。
その後、trタグのidを指定してページ内リンクさせようとしたところ、まったく動作せず。
しかし、tdタグのidを指定した場合は、問題なく動作した。
検証したURL
ブラウザで以下URLを打ち込んで、ページ内遷移できるか検証。
file:///D:/tmp/test.html#td_third → ○ (ページ内遷移した)
file:///D:/tmp/test.html#tr_third → × (ページ内遷移しなかった)
検証で使用したHTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <meta http-equiv="Content-Style-Type" content="text/css"> </head> <body> <table> <tr id="tr_first"> <td id="td_first">1番目</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr id="tr_second"> <td id="td_second">2番目</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr> <td>■</td> </tr> <tr id="tr_third"> <td id="td_third">3番目</td> </tr> <tr> <td>■</td> </tr> </body> </html>
これは何がいったい問題なのだろうか?
ちなみにFirefox3.5, Safari4 では問題なくどちらのリンクでも動作した。