自作ちゃんにしてからブログの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; }
キャー(*´∇`*)ビンゴ。
あーすっきり。
