CALENDAR
S M T W T F S
   1234
567891011
12131415161718
19202122232425
2627282930  
<< November 2017 >>
PR
ARCHIVES
MOBILE
qrcode
<< デザインをいじってみる#01 | main | ラベンダーの冬支度 >>
スポンサーサイト
0

    一定期間更新がないため広告を表示しています

    | - | | - | - |
    デザインをいじってみる#02
    0

      幅を広げる。

      CSSを見ると以下のようになっています。

      #layout {
      margin: 0 auto;
      width: 800px;
      text-align: left;
      }

      #header {
      }

      #contents #left {
      float: left;
      width: 170px;
      }

      #contents #center {
      float: left;
      width: 460px;
      }

      #contents #right {
      float: right;
      width: 170px;
      }

      #footer {
      clear: both;
      }

      このサイトは幅800ピクセルでデザインされていてcontentsが3カラムに分かれており、leftが170ピクセル、centerが460ピクセル、rightが170ピクセルとなり、上にheader、下にfooterがついています。
      少し幅が狭いので全体の幅を1000ピクセルにまで広げます。
      layoutのwidthを640→1000へ変更し、leftとrightのwidthを170→200、centerのwidthを460→600としてみます。

      #追加
      デザインをいじってみる#01のフォントの変更について動作確認を取ったらIE6=×/IE7=×/IE8=×/IE9=〇と言う結果でした。
      少し悩んでいます。
      #追加 2012.11.9
      その後、別の環境で確認したらIE8=〇でした。
      動作を確認する基準が分かりません。

      | - | 21:46 | comments(0) | trackbacks(0) |
      スポンサーサイト
      0
        | - | 21:46 | - | - |
        コメント
        コメントする









        この記事のトラックバックURL
        http://kaoruniwanote.jugem.jp/trackback/134
        トラックバック