プロフィール

qmi

  • Author:qmi
  • html、css、フォトショ、イラレいじりは趣味と勉強を兼ねてます。

    -----------------------------------
    当サイトはリンクフリーです。
    当サイト内の記載内容・画像・デザイン等
    の無断転載を固く禁じます。

カテゴリー

最近の記事

最近のコメント

月別アーカイブ

最近のトラックバック

Amazon

ブロとも申請フォーム

スポンサーサイト

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



--------(--) --:--| スポンサー広告| トラックバック(-)| コメント(-)

レイアウトテンプレ

2カラム、3カラムの基本レイアウト設定です。

*----------------- 2カラム -----------------*
html
head
body

#wrapper
#sideber
#main


* HTML

* CSS


wrapperの入れ子に、サイドバーは左、メインは右にfloatプロパティで配置する。
この場合、HTML上では常にメインがサイドバーより先に配置されるようにすることが可能。
入れ子のラッパーと、左右の段の幅の合計の幅を一致させるが、borderやmarginなども考慮する。
ユーザビリティを優先させるなら、ラッパーを相対値(%)、サイドバーを絶対値(px)指定にしてリキッドレイアウトにする。


*----------------- 3カラム -----------------*
html
head
body

#wrapper
#sideber
#content →
#main
#extra


* HTML

* CSS


wrapperの入れ子に、サイドバー1は左、メインとサイドバー2(extra)をcontentの入れ子に入れて右にfloatプロパティで配置する。
スポンサーサイト



2005-10-26(Wed) 16:04| ブログの構築| トラックバック 0| コメント 1

コメント

はじめまして。

突然のコメントすみません。
最近、marbleのプレ-トがすごく可愛くって、コレでブログをはじめたのですが。
カラムの変更(2カラム→3カラム)がうまくできません。
まず、HTMLやスタイルシ-トでカラムの設定がしてある場所わからなくて、bodyの下の部分をいろいろ参考にしながら変更してみたのですが、うまくできなくって。

初歩的な質問ですみません。
お手数でなければ返事を頂けるとありがたいです。

2006-03-11(Sat) 11:07 | URL | ヒロコ #-[ 編集]

コメントの投稿

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

トラックバック

トラックバックURLはこちら
http://qmix.blog8.fc2.com/tb.php/67-b76f9933

カレンダー

03 | 2017/04 | 05
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 - - - - - -

ブログ内検索

RSSフィード

リンク

ADS




↑ 設置で100円、500円から払出し

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