MT:ページの幅を変更する

|

自作ちゃんにしてからブログのwebサイトの見え方は
環境によって変わるということを理解。知ってたって
分かっていないとだめだなぁ。

テンプレートが怪しいとみて、CSSで「width」を探す。

#container
{
position: relative;
margin: 0 auto; /* center on everything else */
width: 720px; ←これを850へ変更
text-align: left;
}

変化分からず…。

/* one-column tweaks */

.layout-one-column body { min-width: 520px; }
.layout-one-column #container { width: 520px; }
.layout-one-column #banner { width: 510px; } /* necessary for ie win */

この辺、520→600にしてみる。ブブー。

/* two-column-left tweaks */ これの

.layout-two-column-left #beta
{
margin: 15px 15px 0 15px;
width: 480px; ←550にしてみる
background: none;
}

変わらず…。よくみるともうひとつ怪しいのが。

#container
{
width: 720px; ←850へ変更
margin-bottom: 20px;
background: #fff;
}

広がったけど、何か違う…。
文法?を理解する必要性を再認識。
bodyとか、column、innerとかある。
ちょっと分かったかも。

#banner
{
width: 710px; /* necessary for ie win */ ←840へ変更
background: #a3b8cc;
}

ビンゴ。思ったところが変更になった。
それでいうと、本文は「entry」の幅を変えるのか。
でもそれらしいのが見あたらず。ひょっとして
「pagebody」?ってwidth: 100%;になってる。

よし、保留。
カスタマイズテクニックの本じゃなくて
私には教科書・辞書な本を買うとこから始めるべし。

諦めきれずに後日もう一度探してみる。

/* page layout */

body
{
min-width: 720px; ←ここを800に変更
color: #333;
background: #fff;
scrollbar-3dlight-color:#009900;
  scrollbar-arrow-color:#009900;
  scrollbar-base-color:#009900;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color:#c8ffc8;
  scrollbar-shadow-color:#009900;
}

変化なし。

メインページの「index.html」を見てみる。











CSSにも「alpha」ってあったなぁと思う。

#alpha { margin: 15px 15px 0 15px; width: 480px; } ←600へ
#beta { width: 200px; background: #e6ecf2; }
#gamma, #delta { width: 180px; background: #e6ecf2; }

キャー(*´∇`*)ビンゴ。
あーすっきり。

このブログ記事について

このページは、ura_2が2008年4月19日 13:21に書いたブログ記事です。

ひとつ前のブログ記事は「Operaが重いのを何とかする」です。

次のブログ記事は「最近のおいしかった 0804」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

ウェブページ

Powered by Movable Type 4.2-ja