Walker’s Page

htmlの要素にid属性を指定しておき、その場所へのリンクを設定することでページ内リンクを設けることができる...はずなのだが、なぜかInternet Explorer（IE）ではリンクが動作しないという事態が発生することに気づいた。

ぐぐったりして調べてみると、IEでは表の行を表すtr属性に指定したidへのジャンプは効かないらしいことが分かった。例えば次例のようなコードではIEでページ内リンクが動作しない。

<ul>

 <li><a href="#">2010</a></li>

 <li><a href="#">2009</a></li>

 <li><a href="#">2008</a></li>

</ul>



<table>

 <tr id="y_2010">

  <td>2010<br /><img src="images/mom123_01.jpg" alt="P-糖蛋白質（P-glycoprotein）" />

  </td>

  <td>

   <ul>

    <li>123:2010/03:P-糖蛋白質（P-glycoprotein）</li>

    <li>122:2010/02:エンハンセオソーム（Enhanceosome、転写因子複合体）</li>

    <li>121:2010/01:70Sリボソーム（70S Ribosomes）</li>

   </ul>

  </td>

 </tr>

 <tr id="y_2009">

  <td>2009<br /><img src="images/mom120_01.jpg" alt="不凍蛋白質（Antifreeze Proteins）" />

  </td>

  <td>

   <ul>

    <li>120:2009/12:不凍蛋白質（Antifreeze Proteins）</li>

    <li>119::2009/11:人工設計DNA結晶（Designed DNA Crystal）</li>

...

   </ul>

  </td>

 </tr>

...

</table>

※楽天ブログでは、ページ内リンクやtr要素の書き込みは許可してくれないので実際の表示例は書き込めませんでした。

tr要素ではなくtd要素（表のセルを指定）にid属性を指定してそこへジャンプさせればIEでも動作するのでした。

普段は火狐（Firefox）を使っていて、気づきませんでした。