わるいおもいで - 2006年01月17日

• highway

「highway」は1カラム・幅固定のシンプルなテンプレートです。日記や一言メモに向いていると思います。

非対応機能

• 追記（追記分は省略されずにそのまま表示されます）
• カテゴリー
• コメント
• トラックバック
• プラグイン

そのほかの注意点

• レイアウト崩れを防ぐため、画像やテーブルはエントリーからはみ出した分が非表示されるようになっています。
• このテンプレートではエントリーのタイトルが表示されませんが、他のテンプレートに替える際のことを考えると、適当にでもタイトルを入れておいた方がいいかもしれません。

「highway」は見た目にちょっとクセがあるので、CSS による簡単なカスタマイズの方法を示しておきます。

右寄せの解除

#container {
 border: solid #000;
 border-width: 0 16px;
 overflow: hidden;
 width: 262px;          /* IEでの幅 */
 position: absolute;
 top: 0;
 right: 2em;
}

から、

 position: absolute;
 top: 0;
 right: 2em;

を削除してください。

幅の変更

#container {
 border: solid #000;
 border-width: 0 16px;
 overflow: hidden;
 width: 262px;          /* IEでの幅 */
 position: absolute;
 top: 0;
 right: 2em;
}

body>#container {
 width: 230px;          /* IE以外での幅
                           「IEでの幅」から「右ボーダーの幅＋左ボーダーの幅」を引いた値 */
}

以上二つの部分にある width: 262px;、width: 230px; の両方の数値を変えてください。「IE以外での幅」の値は、「IEでの幅－右ボーダーと左ボーダーの幅の合計」です。初期状態では border-width: 0 16px; なので、262-(16+16)=230px となります。