トラックバックリストの表示がIEで乱れる…

IEで、ウェブログの管理画面に入って、「トラックバック」を開くと、表示が乱れる…(?_?;) トラブルは2つ…

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

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

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

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

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

2つ目は、リストのテーブルのセル幅の設定がうまく読み込めていない様子。これも、ソースを調べると、テーブルに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だけのようです。

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

投稿日:
カテゴリー: 未分類 タグ:

作成者: GAKU

年齢:50代 性別:男 都道府県:東京都(元関西人) 趣味:映画、クラシック音楽、あとはひたすら読書

コメントする

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください