正常に動作するようにマップタグを取得できません

Question

マッピングタグを画像に対して正しく動作させるのは非常に困難です。誰かが見て、私が間違っていることを見ることができるかどうかわかります。 私が抱えている問題は、地図が表示されることさえあります。画像はすべて正常に読み込まれますが、特定の部分（または画像全体）をマップしてリンクすると何も表示されません。

HTML：

#leftColumn { 
    height: 100%; 
    width: 61%; 
    float: left; 
} 

が、私はこれが正しいと思いますが、おそらく実際のサイトへのDreamweaverから何かが正しくCOORDSをやっていません。

<div id="leftColumn"> 
<img src="/img1.jpg"><br><br> 
<img src="/img2.jpg"><br><br> 
<img src="/img3.jpg" usemap="#Map2" border="0"> 
<map name="Map2"> 
<area shape="rect" coords="80,298,371,377" href="www.SomeSite.com"> 
</map><br><br> 
</div> 

CSS、それは重要か？私は考えているが、私はこれで立ち往生してきました。..

Answer 1

いくつかの問題があるかもしれません：

• 画像ファイルは、それがウェブサーバのルートにあるとして、./img3を試してみてくださいリンクされています。 jpg
• マップされたイメージのサイズが地図座標よりも大きいことを確認します。この場合、298x377 px
• div＃leftColumnをwidth：61％に設定します。何の？、画像はその幅に合っていますか？

EDIT

• 画像1530個のx 380個のピクセル（固定寸法）
• あるマップは、画像61を動的にサイズ変更要素に291 X 79ピクセル（固定寸法）
• であるました親要素の幅の割合（％）

解決策：
- 画像/親要素の固定サイズを維持するnt .. - 地図の寸法を拡大