FC2ブログ

ハーレクイン図書館      
ハーレクインのことなら何でも・・・                         FC2館

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。



Edit
  1. --/--/--(--) --:--:--|
  2. スポンサー広告|
  3. トラックバック(-)|
  4. コメント(-)

サイトの幅を変える―固定幅タイプ

ご使用のパソコンによってサイトの『見え方』はちがいます。

あまり横幅がひろいサイトにすると
パソコンによってはレイアウトが崩れてメチャメチャなんてことも。
3カラムのテンプレートの場合、右サイドバーが落ちてしまって
メインの下にぶらさがってしまうこともあります。

一般的にサイト幅を750ピクセルぐらいに設定すると
どのパソコンでもレイアウトの崩れなく表示されるとのこと。

ということでサイト幅を変える方法です。

スタイルシート(css)で次のようなところがあります。

/* 全体囲み */
#all { width: 722px;

とにかく『width』の文字に注目して探してください。
上のほうにあるのですぐ見つけられると思います。
この数値を変えてお好みのサイズにカスタマイズしてください。
これだけです!
ちなみに当ブログはFC2公式テンプレート[rose]使用

スタイルシートによって表記が違う場合もあります。

たとえばJUGEMブログを利用しているHeart Shop はwidth表記がない!
Powerd By WebToJpeg
テンプレートは[card]を使用していますが、このテンプレートは
カードデザインのユニークなもの。
ブラウザサイズに合わせて一列に2枚だったり、4枚だったり、
自由にカードが配置されます。試してみてね。
でも・・・見え方をある程度統一したいな・・・ということで

body { width: 900px;

body部分の表記に、下線部分を追加。
このようにすることでサイトの幅が固定されます。
Heart Shop の横幅を900pxに固定したのは、
大きなカードがちょうど3枚並ぶ幅にしたかったから。




関連記事
スポンサーサイト



Edit
  1. 2007/01/15(月) 10:48:33|
  2. ブログ初挑戦レポート|
  3. トラックバック:0|
  4. コメント:0

コメント

コメントの投稿

管理者にだけ表示を許可する

トラックバック

トラックバックURLはこちら
http://harlequintosyokan.blog7.fc2.com/tb.php/248-7055db78
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。