ブログのシステム変更に伴いこちらの記事はこれ以上更新されません。
再度トップページに戻っていただくと、新しい「ふらふり」をお楽しみいただけます。
ふらふり トップページ

今後もよろしくお願いします。

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

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)

« MacIEでselectの中身が空欄 | TOP | 転機がやってきます »