www.kkoba.com  » kkobaのblog

1. 全体的な構造の変更

思ったように表示されないので、ブロックの構造を変更した。IEで表示が整うように自分でテンプレートを修正していたのだが、元のテンプレートに近い構造になった。

以前の状態

<div id="container">
  <div id="content">
    <div id="MTMain">
    </div>
    <div id="MTUtil">
    </div>
  </div>
  <div id="powered">
  </div>
</div>

修正後

<div id="container">
  <div id="content">
    <div id="MTMain">
    </div>
    <div id="MTUtil">
    </div>
    <div id="powered">
    </div>
  </div>
</div>

2. フォントサイズ

今までは、x-large, medium, x-smallとかをCSSで指定していた。しかしこれでは、IEとFirefoxでフォントサイズが全く異なってしまう。具体的には、Firefoxでは文字が小さくなる。

フォントサイズの指定は、今までのsmallと指定していたのを100%と指定し、他もそれに準じた。

3. <pre>のスクロールバー

<pre>の「はみだし」をスクロール を参照。

4. <textarea>がフォントサイズを引き継がない

<textarea>が、上位のブロックのフォントサイズを引き継がない。コメント入力欄の文字がでかくなってしまうので、スタイルシートで文字サイズを指定した。

5. <table>の<caption>

borderを付けると、<caption>の横に1ピクセル程の隙間が空く。

細かい事だが気になったので、<table>のタイトルには<caption>を使わないようにした。あんまり良くないけど。

6. IEが誤字を訂正してくれていた

色の指定で、 lightsteelblue と書くべきところを、 ilghtsteelblue と書いていた。IEが誤字を判別してくれていたようだ。当然Firefoxはこんなことしてくれないので、修正した。

7. MT編集画面でのフォント

MTの編集画面の<textarea>内の文字が大きいので、styles.cssの上の方に、以下を加えて修正した。

textarea {
    font-size: x-small;
}

8. おまけ

Firefoxで、リンクを別ウィンドウではなくタブで開くには、リンクの上でホイールを押し込むのね。今気づいた。