NOBODY:PLACE

最初に、MovableTypeのデフォルトCSSを疑ってみましたが、
僕はMovableTypeのデフォルトCSSは使用してないし、
ブラウザ毎の仕様差を埋めるべく設定してあるデフォルトCSSにも設定がない。

…と思ったら、全ページ共通のCSSファイル（基本構造などが規定されている）に、
そう言う部分がありました。
しかしねぇ、これ、ページのパーツを全体的に真ん中に寄せるための、
かなり重要度の高い部分なので、おいそれとは変更できない…
が、これを解除してみたところ、選択可能に。

ちなみに、その、真ん中寄せのCSSはこんな感じ。

div#Container　　{ 　　width:750px;
　　position: absolute;
　　left: 50%;
　　margin-left: -375px;
　　text-align:left;
}

仕方がないので、positionを削除し、
真ん中に寄せるのを他のパーツに頼ることに。

でもこれだと、Geckoでは真ん中に寄らないんだよな…（汗）


そういう訳なので、IE以外のブラウザのみ、
positionを適用するようにさらにハック。

完成形はこんな感じ。

body　　{ 　　text-align:center;
}
div#Container　　{
　　width:750px;
/* position: absolute; */
　　left: 50%;
/* margin-left: -375px; */
}
html>body div#Container　　{
　　position: absolute;
　　margin-left: -375px;
}

太字の部分が味噌で、こう指定してあるタグへの設定は、
IEが未対応のためにスルーされるようだ。
IEより比較的忠実なGeckoでは、これはきちんと認識される。


これで、何とか大丈夫…か。
IE7が、スルーするバグの方だけ対応して、
選択できないバグの方を放置…というようにならないように祈るわ。