ＩＥとSafari、Firefox

ＩＥとSafari、Firefoxでは、スタイルシートでの指定などが変わってくるようですが、どこがどのように変わるのかいまいちわかりません。フォントの種類の指定の仕方だけは本で分かりました。

ＨＰを作りながらＩＥでばかり確認していたので、Firefox　で見たときの崩れかたにはがっかりしました。

画像をクリックすると　別ウィンドゥで画像が大きくなるようにリンクを貼っていたのですが、Safari　ではマウスが反応しないと指摘されました。

<a href="#" onClick="window.open('img/works-1-1b.jpg','_blank','width=720,height=505,menubar=no,scrollbars=no,resizable=no,status=no,location=no,directories=no,toolbar=no')"><img src="img/works-1-1a.jpg" width="160" alt="" /></a>

ＩＥでは正常に動作します。
何がいけないのでしょうか？

初めてのことで　大変困っています。
どなたかご教授下さい

No.1 ベストアンサー 回答者： pick52 回答日時： 2008/08/26 16:55

onclick属性を使用する場合はhref属性を使用してはいけません。

もしくはreturn false;を返すとか href="javascript:～" のように
するか。
正常に動作するのはIE側の独自実装なのでFxなどでも動作しません。

参考URL：http://blog.webcreativepark.net/2007/08/01-13560 …

No.2 回答者： noname#66720 回答日時： 2008/08/26 22:06

http://www.huddletogether.com/projects/lightbox2/

こういうスクリプトで画像を表示するのも手ですね。
別ウィンドウで表示は意外と予想通りに動かなかったりします。