グレースケール

結局、戻るのね。

外部CSSファイルを編集しながら、融通効かないインチキ臭いレイアウト方法だなぁ・・・と思ったりした。floatレイアウトと言うか、floatでメニュー部分を右に浮かせて、メイン部分の右側マージンをメニュー部分の幅+α指定しているわけですが、なんとなく左右逆にしたら微妙にずれる罠。

positionでレイアウトしたいところなのですが、一番上のタイトル部分の高さが不定な(文字の大きさ変えると増減する)ので、うまくレイアウトできない。いや、出来ないことはないんですが、タイトル部分の下に引かれてるボーダーから12pxの位置にメニュー部分及びメイン部分を配置する方法が思いつかない。長さに計算式ぶち込めれば良いのにとか思った。

div.test {
  postion:absolute;
  top:1em+12px;
  left:1em+12px;
}

というような感じで。

本来はpositionのrelativeというのはそのためにあるのだと思うんですが、大きなボックスをこれでレイアウトすると、Internet Explorerではスクロールする度に位置計算を計算しているようで、スクロールがカックンカックンと。