photosynthesis2

がーっと作業していて、つまずいた理由が以下。

ID名に使用可能な文字種は半角アルファベット（a-z|A-Z）、半角数字（0-9）、ハイフン（-）、アンダースコア（_）、コロン（:）、ピリオド（.）のみに制限されています。

class属性には指定できた日本語の平仮名やカタカナ、様々な記号などは使えません。

さらに ID名の書き出しは、半角アルファベットから始めなければならず、XML の仕様において "xml"（xMl, XML, Xml のように大文字・小文字で書くこともできない） からはじまる値は許されません。

id属性に数字始まりは使えない．．．ヒトに聞いてこりゃ赤っ恥だなと思いました。
ある意味気づかなかった自分にあっぱれ。

正常に動作するものとバグのあるものとの比較に関してここ数年でアンテナが鋭くなったと思っていたけど、まだまだだなと痛感。

でもどんなにアンテナ鋭くしてもどんなに頑張ってもやはり、共同作業が必要だ。

ヒトは盲目なり。

Internet Explorerの独自拡張なので、個人的には過去に使ったことがないが、zoomプロパティという要素を拡大して表示することができるプロパティがある。

これをolリストにおいて

li{
zoom : 1;
}

のような指定をすると本来順序リストであるolだと1 2 3．．．とリストに番号が振られるが、これがすべて1になってしまう。

余談ですが、ulとolはきちんと使い分けること。

以上、自戒。

posisionプロパティで個人的に忘れがちな点。

親ボックスにpositionプロパティのstatic以外の値が指定されている場合には、親ボックスの左上が基準位置。

body直下をcontainerとかにしてcontainerが中央表示の場合、注意。

なるべく使いたくないんだけど。

CSSハックIE6以下のみ適用

1.スターハック・・・セレクタの前に「* html 」をつける（半角があります！）
* html #hacks { margin-top: 0px; }

2.アンダースコアハック・・・プロパティの前に「_」をつける
#hacks { _margin-top: 0px; }