制作トラブル日記

OS：Windows Vista
ブラウザ：Internet Explorer9.0
CMS：Movable Type Open Source5.04

【症状】
Movable Typeを使用しているサイトで、記事を新規作成しようとしたところ、
タイトル欄には入力ができるが、本文欄に文字が入力できない。
マウスのポインタを入力欄に合わせてクリックしても、無反応。

【対処】
Movable Typeは現在（2011/8/1）、Internet Explorer9に正式対応していないため、
様々な不具合が起こる模様。

IE9には「互換表示」という機能があって、以前のバージョンでの表示ができる。
MTの記事入力画面を開き、
IEのアドレス欄の右側にある「互換表示」アイコンをクリックすれば、
本文欄に入力できるようになった。
互換表示するサイトは記憶してくれるようなので、毎回クリックする必要はないようです。

（以下、参考）
Q. Movable Type 5 は Internet Explorer 9 に対応していますか（six apart社）
http://www.movabletype.jp/faq/mt5-ie9.html

互換表示
http://windows.microsoft.com/ja-JP/internet-explorer/products/ie-9/features/compatibility-view/

OS：Windows XP Professional SP3
ブラウザ：Internet Explorer 7

【症状】
入力フォーム上でマウスをクリックしても、フォーム欄にカーソルが入った状態にならず、
入力することが出来ない。
IE8やFirefoxなどその他のブラウザでは問題なく入力できる。

【メモ】
原因を調べると、入力フォームの上部にあったパンくず表示でした。
パンくず表示がposition:absoluteで絶対位置が指定されていたのですが、
position:abosluteを外すと、うまく表示されるように。

しかしposition:abosluteを外すとレイアウトが乱れるので、
同じ要素にheight:○○pxを指定したら、問題なく表示されるようになりました。

恐らくposition:abosluteで指定した要素が入力フォームの上に乗っかっている状態なのだと思います。