IEで、ウェブログの管理画面に入って、「トラックバック」を開くと、表示が乱れる…（?＿?；）　トラブルは２つ…

• リストが、左端のメニューの右側にうまく回り込まず、下に表示される
• リストの表示幅がおかしい。「タイトル」欄がやたらに狭く、横幅が２文字分ぐらいしかない。

１つ目は、NetscapeやFirefoxで見ると、ちゃんと右側に回り込んでいるので、.cssの解釈がうまく行ってないのかもと見当を付けたのですが、しかし、何のファイルのどこを修正したらよいのか、さっぱり見当もつきません。そこで…

管理画面のソースを表示させ、どの.cssを読み込んでいるのか調べ、結局、/mt-static/にあるstyles.cssを読み込んでいることが判明。これをlocalにダウンロードして開いてみました。

しかし、どこを直したらいいのか、分からん…。（＾＾；）　ということで試行錯誤した揚げ句、結局、２５行目あたりの、.body-navのmarginを変更してみると、うまく右側に収まってくれました。

.body-nav {
    float: left;
    margin: 0px 0px 15px 10px;←15pxを変更
    width: 625px;
    }

２つ目は、リストのテーブルのセル幅の設定がうまく読み込めていない様子。これも、ソースを調べると、テーブルにclass=”list”の設定がしてあるので、同じファイルを調べていきました。
で、376行目当たりから.list tableのスタイル設定があるので、そこに次の1行を追加したところ、ちゃんとセル幅が設定されました。

.list table {
    font-size: 11px;
    padding: 0px;
    border-collapse: collapse;
    table-layout:fixed;←この1行を追加
    width: 100%;
    }

ところで、IEで正しく表示されることを確認してから、NetscapeやFirefoxで表示させると、こっちも修正前とは表示幅が変わっていました。つまり、デフォルトで、テーブルのセル幅の設定を正しく読めていたのはOpera7.3だけのようです。

いずれにせよ、表示幅が変だという人は、いちどチェックしてみてください。