October 01, 2004

CSSのNN4対応

PeriodThreeのCSSをNN4対応にしてみた
...といっても、NN4で思ったようにレンダリング出来る部分は少ないため、NN4向けのCSSではほとんどCSSを切った状態に近い外観になってしまった-o-;


更に困ったことには、NN4等の古いタイプのブラウザ用スタイルシートTIPSとして書籍「スタイルシート・スタイルブック(有坂陽子・長谷川恭久著、株式会社翔泳社刊)」に書かれていたワザが実際には使えなかったりして、ちょっとバタバタしてしまった。
スタイルシート スタイルブック
有坂 陽子 (著), 長谷川 恭久 (著)
翔泳社
¥2,310 (税込)
207

on 2004-10-04 09:55:46


そのワザとは、NN4が@importではスタイルシートを読み込めないことを利用して、以下のように指定すること
<link rel="stylesheet" href="old.css" media="screen" >
<style type="text/css" media="screen">
@import url(style.css)
</style>
新しいブラウザは@importが読み込める上、後からの指定を採用して前に読み込んだスタイルは破棄するという説明だったのだが、僕の使っているIE6では@importでは新しいスタイルシートを読み込んでくれなくて、linkの方の指定のままだった。

そこで「詳解HTML/CSS/JavaScript辞典(大藤幹・半場方人著、株式会社秀和システム刊ISBN4-7980-0220-8 C3055)」に載っていた「NN4はmedia属性の値にscreen以外を指定するとスタイルシートを読み込まない」というワザを使って以下のようにしてみた。
詳解 HTML&CSS&JavaScript辞典
大藤 幹 (著), 半場 方人 (著)
秀和システム
¥2,499 (税込)
716

on 2004-10-04 09:57:37


<link rel="stylesheet" href="old.css" type="text/css" media="screen">
<link rel="stylesheet" href="style.css" type="text/css" media="screen,tv">
これだと一応IE6の表示はstyle01.cssの通りになるし、NN4にはNN4向けのスタイルシートが適用される(見栄えは悪い)ので、まあいいのかな。

しかしスタイルシート・スタイルブックのワザは一体なんだったのだろう...何が悪いのかはぼちぼち調べるしかなさそう

ブラウザ問題の対応は、ブラウザのバグをうまく利用したハッキングが必要のようで、ほんと頭痛い...
Posted by roku at 08:59 PM | from category: topics html/css/cgi/php等
Comments

roku:

要するに、NN4できっちり場所や画像を指定しようとしたらはCSSよりtableを使ったデザインをせざるを得ないということか
...tableを使わないhtmlをNN4でブロック配置をきれいに見せるのは難しい..というか、出来んのとちゃうか〜-_-;
(from tcatgi021179.adsl.ppp.infoweb.ne.jp on October 01, 2004 at 09:37 PM)

roku:

Amazonのレビューを見ていたら、「スタイルシート スタイルブック」には要注意点が;
1)CSSによる広告ブロックのTIPSは、無料サーバーでは”絶対に”やらないこと。広告表示させないと契約違反になる。
2)画像が多いサイトのSEO対策は、完全に「スパム」行為なので、長期的には逆効果。
上記2点を注意して読めば、後はまあ役に立つみたい。

それからこのISBNプラグインで「Buy」ボタンを押すと自動的にカートに商品が入ってしまうけど、もしカートから商品を削除したい時は「ショッピングカートの中身」が表示されている所の「カートの商品を変更する」に入って商品リストから「削除」をする。
−実際はこの「Buy」はここでは要らないと思うのでちょっと消せるかいじってみよっと。
(from tcatgi043219.adsl.ppp.infoweb.ne.jp on October 09, 2004 at 08:31 PM)

roku:

ちょっとプラグインの方をいじってみた。
1)「Buy」ボタンを消した。
2)Amazonへのリンクを別窓に出すようにした(target="_blank")。

2)はは趣味の問題だけど、今のところはこのサイトのリンクは大体別窓指定にしてる。
そのうち方針変更するかもしれないけどね^^;
(from tcatgi043219.adsl.ppp.infoweb.ne.jp on October 09, 2004 at 08:36 PM)
このアイテムは閉鎖されました。このアイテムへのコメントの追加、投票はできません。
Trackbacks
Trackback URL