リンク（img）をクリックできません

質問

互換モードのhtmlに
swfobject.jsを使用してflash（swf）を埋め込みました。
代替え画像（jpg）を用意してflashの見れないブラウザでは
画像が表示されるようになっています。

このflashはリンクボタンの役目をするものなので
以下のようなタグにしていますが
Opera(mac)とIE6(win)にてクリックできず困っています。
（OperaではswfがIEではjpgが表示されています）

<div class="main">
<a href="http://www.xxxxx.xxx/"><div id="flash1"><img src="image/image.jpg" alt="○○○"width="150" height="100" ></div></a>
<script type="text/javascript">swfobject.embedSWF("image/flash.swf", "flash1", "150", "100", "9.0.0");so.write("flash1");</script>

なおsafari(mac)やIE(mac）では問題なく動いていますが
どうにもこうにも・・・今回はかなり困って途方に暮れています。

どなたかお解りの方がおりましたら
どうぞよろしくお願いいたします。

回答No.1

noname#119957 · ベストアンサー

ＨＴＭＬに誤りがあります。
<div>は<a>内で使用できません。
<div id="flash1">
<a href="​http://www.xxxxx.xxx/"><img src="image/image.jpg" alt="○○○" width="150" height="100"></a></div>
**
まずは、これを訂正してからやってみては？

お礼

ご回答いただきありがとうございます！

そうだったんですね・・・根本的なミスでした！
swfobject.jsを使う際のHTMLの書き方として
「代替え画像をdivで挟み込む」とあるので
こうなったのですが
私の場合、代替え画像（もちろんflashにも）に
リンクを貼っているのが問題なのでしょうか？

flash自体にリンク機能（ASでgetURL）を
持たせる方法も試したのですが
やはりブラウザのステータスバーにリンク先URLが
表示されるカタチにしたく思案中です。

ただ、、、
この状態でsafariでは問題なく動くのが不思議なんです（笑）
safariの場合は逆に<div>を外に出すとおかしくなりました。

解りにくい書き方で恐縮ですが
何か解りましたら引き続きよろしくお願いいたします。

回答No.3

noname#119957

何度やっても文字化けしました。変ですね。。
<div id="flash1">
<a href="http://www.xxxxx.xxx/">
<img src="image/image.jpg" alt="○○○" width="150" height="100"></a>
</div>

回答No.2

noname#119957

&#8203は文字化けです。訂正します。

<div id="flash1">
<a href="​http://www.xxxxx.xxx/"><img src="image/image.jpg" alt="○○○" width="150" height="100"></a></div>