ホームページ作成 質問過去ログ

                                Page     654
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
   通常モードに戻る  ┃  INDEX  ┃  ≪前へ  │  次へ≫   
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
 ▼CSSの画面の幅を調節したい  Cross 04/6/7(月) 20:51
   ┗Re:CSSの画面の幅を調節したい  らら 04/6/7(月) 21:21
      ┗Re:CSSの画面の幅を調節したい  Cross 04/6/7(月) 21:26

 ───────────────────────────────────────
 ■題名 : CSSの画面の幅を調節したい
 ■名前 : Cross <two-jyu@r3.dion.ne.jp>
 ■日付 : 04/6/7(月) 20:51
 -------------------------------------------------------------------------
   前にも書き込んだCrossです。http://www.shoshinsha.com/hp/template/layout/simple00b.htm
↑このCSSの画面の幅を狭くしたいのですが
いったいどうすればいいのですか?
イメージとしては

┏━━━━━━━━━━┓
┃ ┏━━━━━━━┓┃
┃ ┃          ┃┃←こうなってるのを
┃ ┃          ┃┃
〜〜〜〜〜〜〜〜〜〜〜〜
┃ ┃          ┃┃
┃ ┗━━━━━━━┛┃
┗━━━━━━━━━━┛


┏━━━━━━━━━━┓
┃ ┏━━━━━━┓ ┃
┃ ┃         ┃ ┃←こうしたいのですが
┃ ┃         ┃ ┃
〜〜〜〜〜〜〜〜〜〜〜〜
┃ ┃         ┃ ┃
┃ ┗━━━━━━┛ ┃
┗━━━━━━━━━━┛


どうすればいいのですか?


    
 ───────────────────────────────────────  ■題名 : Re:CSSの画面の幅を調節したい  ■名前 : らら  ■日付 : 04/6/7(月) 21:21  -------------------------------------------------------------------------
   また間違ってたらゴメンナサイ。

#page {
    border-left: 1px solid #333333;
    background: #F3F8F8;
    border-right: 1px solid #333333;
    margin-right: 2%;
    margin-left: 10%;
    margin-bottom: 0px;

っていう部分があると思います。
このmargin-right: 2%;というのが右側の幅で
margin-left: 10%;というのが左側。
margin-bottom: 0px;というのが下の空き幅だと思います。
つまりこの値を調整すれば狭くなるのではないかと思います。
上の部分も明けたいのならmargin-top:10px;などを加えてみてください。

こんな説明でわかるかな……?
 ───────────────────────────────────────  ■題名 : Re:CSSの画面の幅を調節したい  ■名前 : Cross <two-jyu@r3.dion.ne.jp>  ■日付 : 04/6/7(月) 21:26  -------------------------------------------------------------------------
   ららさんお返事ありがとうございます
言われたとうりやったらなりました
本当にありがとうございます。

PS.早くホームページアップできるようにがんばります。
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━    通常モードに戻る  ┃  INDEX  ┃  ≪前へ  │  次へ≫    ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━                                 Page 654