trick 本文

../diary200y/dialy200ymmdd.html/の本文中の文字サイズを
とりあえず

#layer1 {
width: 43em;
margin-left: auto;
margin-right: auto;
line-height: 140%;
}
/*ieWin6.x  and ieWin7のdiary200ymmdd.html用に追加*/
#plate #mainContents #layer1{
font-size: 110%;
width: 96%;
}
/* hide from ~ieWin6*/
html > body  #plate #mainContents  #layer1{
font-size: 112%;
width: 94%;
/*for ieMac5.x ¥*//*/
font-size: 100%;
width: 100%;
/*end for ieMac5.x*/
}
/* hide from ~ieWin7*/
html[xmlns]>/**/body #plate #mainContents  #layer1{
font-size: 99%;
width: 43em;
}

、としてごまかします。
default_2007_00.cssで使用中止（20100515　変更）

default trick

トリックのデフォルト

body{
 margin: 0;
 padding: 0;
 background-color: #ffffff;
 color: #000000;
 font-size: small;
　　　　　　　　　ここに、ieWin6.xに適用する値を書く
}
 /* hide from ~ieWin6*/
 html > body{
  font-size: small;
　　　　　　　　　ここに、ieWin7に適用する値を書く
  /* for ieMac5.x ¥*//*/
  font-size: medium;
　　　　　　　　　ここに、ieMac5.xに適用する値を書く
  /*end for ieMac5.x */
 }
 /* hide from ~ieWin7*/
 html[xmlns]>/**/body{
  font-size: medium;
　　　　　　　　　ここに、MOSeに適用する値を書く
 }

、とするとうまくごまかせます。

trick for Internet Explorer version 7

そういえば私のサイトが、新しいInternet Explorerでどう見えているのかチェックをしていませんでした。
Internet Explorer version 7をインストールすることにしますが、なかなかうまくいきません。
マイクロソフトのサイトは、「あんたのＰＣには新しいInternet Explorerがお似合いさ」
、というのですが


インストーラーからは、「おまえのマシンにはInternet Explorer version 7は、インストールできないぜ」
、と冷たくあしらわれます。


悩んだすえ、「そうだＳＰ２にアップしてなかった」
、とふと気付きます。

それからが大変です、ＳＰ２が何処にあるか分かりません。やっと見つけてインストールするまで半日かかってしまいます。
私のサイトは、Internet Explorer version 7でも何とか見えていますが、少しだけ字が大きいようです。
今までは、

#plate{
        font-size: 100% !important;
        font-size: 91%;
}

で、ごまかしていましたが ieWin7 はごまかせません。

#plate{
       font-size: 91%;
       line-height: 3em;
}
 /* hide from ~ieWin6*/
 html > body  #plate{
  font-size: 85%;
 }
      /* hide from ieWin7*/
      html[xmlns]>/**/body #plate{
           line-height: 100%;
           font-size: 100%;
      }

と

#head_menu li{
       font-size: 75%;
       line-height: 3em;
}
      /* hide from ~ieWin6*/
       html > body  #plate #head_menu li{
            line-height: 220%;
            font-size: 60%;
 }
      /* hide from ieWin7*/
      html[xmlns]>/**/body #plate #head_menu li{
           line-height: 100%;
           font-size: 100%;
      }

で、ieWin7もごまかすことにします。
外部ファイル「default_100.css」を３カ所訂正して今日の作業を終えることにします。

CSS Validatorの検証も
合格です

まとめてホイ（border-style）

値設定方法border-styleの他にも
**=margin,padding,border-width,border-colorのプロパティでも同じように
** : 全;
** : 上下 左右;
** : 上 左右 下;
** : 上 右 下 左;
と指定できます。

まとめてホイ（border-color）

まとめてホイ（border-color）
値設定方法はborder-colorの他にも
**=margin,padding,border-width,border-styleのプロパティでも同じように
** : 全;
** : 上下 左右;
** : 上 左右 下;
** : 上 右 下 左;
と指定できます。

まとめてホイ（border-width）

まとめてホイ（border-width）
値設定方法はborder-widthの他にも
**=margin,padding,border-color,border-styleのプロパティでも同じように
** : 全;
** : 上下 左右;
** : 上 左右 下;
** : 上 右 下 左;
と指定できます。

まとめてホイ（padding）

まとめてホイ（padding）
値設定方法はpaddingの他にも
**=margin,border-width,border-color,border-styleのプロパティでも同じように
** : 全;
** : 上下 左右;
** : 上 左右 下;
** : 上 右 下 左;
と指定できます。

まとめてホイ（margin）

まとめてホイ（margin）
値設定方法はmarginの他にも
**=padding,border-width,border-color,border-styleのプロパティでも同じように
** : 全;
** : 上下 左右;
** : 上 左右 下;
** : 上 右 下 左;
と指定できます。

margin

初期値：　定義無

適用要素：　全

継承：　せず

パーセント指定：　包含ブロック幅に対する割合

値設定方法：
margin : 全;
margin : 上下 左右;
margin : 上 左右 下;
margin : 上 右 下 左;

値：
emを標準とする。
左右をautoでセンタリング。ieMac5.Xはtable要素をセンタリングしない=bag。

opr(opera)6はパディング（余白）を持っている

body{padding: 0;}でない（仕様）ため、

body{padding : 0; }をdefaultで設定すること

バグ：

ieMac5.Xはtable要素をセンタリングしない。