MovableType Tips by Sonots

文字が小さい

デフォルトでは文字の大きさがほぼ x-small になっています。 x-small は小さすぎだとみなさん共感してくれると思うのですが、どうでしょうか？ x-small をすべて small に置換します。 メモ張でもいいので外部エディタにコピーアンドペーストして置換機能を利用するといいでしょう。

pre タグの自動折り返し

通常 pre タグでは画面の幅を超えるテキストを入力するとはみだして横スクロールができてしまいます。 幅を超えるテキストは自動で折り返すようにします。 これらはまだ W3C 標準ではなく、ブラウザ互換なので知らない人も多いようです。

ついでにフォントも content と合わせたほうが見やすいと思い、記入してあります。 枠どりなどは各自でお好きなように。

IE5対策

containerのサイズ

となっていますが、IE5はボーダーの大きさもwidthの大きさにカウントしてしまうので、
container(700px)-border(1px)×2=698px
center(500px)+right(200px)=700px
と計算があわなくなります。#right を 198px にして回避しましょう。

未完