spanにやられてる
2008年02月01日
spanをあなどるな!ってことを思い知った案件。
spanってどうでもいいような感じのタグに考えてたんだけど、意外と曲者。
いや、曲者に仕上げたのは僕なのかもしれませんが…。
Mac IEとSafariにだけ影響がでるspanってのがありまして。
今回の案件では、<input type="submit">を回避して、<button type="submit">を多用して、画像でサブミットボタンを作ってたわけですが、どこぞやからソースを参考に作ったんですが、その時のソースが
<button type="submit"><span><img src="hoge"></span><button>
って感じのやつで、そのまま作ったら問題発生…
まず、<button>の中のイメージを<span>で囲ったら、サブミットがきかない…。
これ、Mac IEのみ起こる現象。
で、別に<button>じゃなくて<a href="hoge">でよくなったから、ただ<button>から<a href="hoge">に変更したら、アンカーのボーダーがでる…。
<a href="hoge"><span><img src="hoge"></span></a>
これ、Mac Safariのみ起こる現象。
結局はスタイルシートをいじったことで、spanを消しても大丈夫な状態になったので、すべてspanをはずしましたが、意外なところに伏兵がいた気分…。
ただ、文字コードとかとの関連性を調べてないので、全てに当てはまるかどうかは不明ですが…。
スポンサードリンク
タグ:
IE5 , Mac , Safariトラックバック
このエントリーのトラックバックURL:http://www.sriproot.net/mt/mt/mt-tb.cgi/218