ここ最近、ホームページのレイアウトは流行？のXHTML + CSSで行うことに努めている。 それを行うことのメリットはいろいろあって省略しますが、とにかくこの業界は今、そうみたい。 だからといって何でもそうすりゃいいのかと言えば、そうではないけれど。
今回よくあるサイトのレイアウトをXHTML + CSSでやってたんだけど、 画像ボタンを背景画像にして、テキストをtext-indext:-5000pxとかあり得ない設定にしてテキストを隠してしまう方法がよく使われてるんですが、
このやり方だと、Windows版のIE5.0..では背景画像も消えてしまう。 アクセス解析なんかで調べると、以外と使われてるんですよ、Win版IE5.0。
前回のつづきで結局Mac IE5対策としての方法は・・・
考え方としては、MacIE5用とそれ以外用に分けて考えます。
とりあえず、MacIE5用にCSSをしてやり、最後にそれ以外のブラウザ用にCSSを上書きしてやります。
最初は、スタイルシートをブラウザ別に振り分けようと思ってたんですが、イマイチうまくいかなくって・・・
でも、結果的には、振り分ける必要もなく、１つのスタイルシートで済んだのでOK.
まず、HTMLの方ですが、前回は・・・
<div id="button">
<h1><a xhref="next.html"><span></span>ここはボタン</a></h1>
</div>
でしたが、こうではなく、
<div id="button">
<h1><a xhref="next.html"><span>ここはボタン</span></a></h1>
</div>
こうです。挟めばよかったんすよ！
ほんでもって・・・