バージョン4への対応

バージョン4への対応

更新2006-11-10

---

今更ですが…。
[ブラウザのバージョン4]へのCSSを適応させないといった場合です。
テキストブラウザでも可読可能なように、
きちんとマークアップをしたWebページには有効ですね。

※NN1,NN2,NN3はCSS未対応
※IE1,IE2はCSS未対応IE3で一部対応

1. NC4xの除外

[NC]4xではmedia属性にscreen以外ではCSSは適応されません。

LINK要素

<LINK rel="stylesheet" type="text/css"
         href="xxxxxxxx.css" media="all">
<LINK rel="stylesheet" type="text/css"
         href="xxxxxxxx.css" media="print">
<LINK rel="stylesheet" type="text/css"
         href="xxxxxxxx.css" media="screen,print">

STYLE要素

<STYLE type="text/css" media="all">

2. IE3,IE4,(NC4x)の除外

@importでURL()を使わないで、「"」で括った場合、
N6, MacIE4.5以降, WinIE5以降は対応しているので、
これを利用して、IE3,IE4,(NC4)を除外できます。

• 
  

  @import "xxxxxxxx.css";
  

  
  

3. 合わせて除外

NC4xの初期バージョンでは@importでフリーズするので、
まず、NC4xを除外してから、IE3,IE4を除外してCSSを指定します。

• webページ
  

  <LINK rel="stylesheet" type="text/css"
           href="xxxxxxx1.css" media="screen,print">
  

• xxxxxxx1.css
  

  @import "xxxxxxx2.css";
  

• xxxxxxx2.css
  

  .my { color: red }
  

  
  

IE3,IE4,NC4の除外

クラスの属性値が、スペースで区切られたクラス名に、
N6, IE5以降は対応。

これを利用するとIE3,IE4,NC4の除外が可能。

• CSS
  

  .my1 { color: red }
  

  
  
• HTML
  

  <P class="my1 my2 ">
  

---

【ヒント】

• [ブラウザのバージョン4]
  NC4x,IE4
  
• [NC]
  Netscape Communicator(Netscape Navigator,Navigator)
  
• [NN]
  Netscape Navigator
  
• [IE]
  Microsoft Internet Explorer
  

---

この記事はバージョン4への対応
更新2006-11-10
ホームページ制作、千太の絵空事