« ボキッ☆(キラッ☆) | 久しぶりの録音 »

3段組 リキッドレイアウト

ホームページのリキッドオオォーーーなレイアウトです。リキッドなレイアウトっていうのは流動的なレイアウトのことです。 流動的なレイアウトってのはつまりこのホームページ。ブラウザを最大化してもサイドバーはウィンドウの右側に張り付いたまま。 そしてこの文字が書かれているエリアが横に広がります。つまりブラウザウィンドウの幅に合わせてホームページの幅も広がります。

で、3段組と一言に言っても色々あるわけでして、
左右がサブコンテンツのパターン
この図のように、メインが中央で両脇にサブがつく場合は、大抵中央のメインコンテンツのみが伸縮する。

おいらが今回いじったのは、
左2段ががメインコンテンツのパターン
こういうやつ。

サンプルのページ

おいらの期待通りであれば、メインコンテンツが二つとも伸縮するはず。


#MainContents {
	width:100%;
	float:left;
	margin-right:-210px;
}
#BOX1 {
	margin-right:210px;
}
#BOX2 {
	width:100%;
}
#Lcolumn {
	width:50%;
	float:left;
}
#Rcolumn {
	width:50%;
	float:left;
}
#SideArea {
	width:210px;
	float:left;
}

とりあえずこんなCSSにしたらこうなった。
3columnliquid1.png

もっとも、実際このレイアウトを使うかと言ったらたぶん使わないような気がするけど。

« ボキッ☆(キラッ☆) | 久しぶりの録音 »

3段組 リキッドレイアウト への Writeback

スーパーコピー 買ってみた  [mail]

2018年10月6日 5時33分

東京第七家信用スーパーコピー時計の実体の店
ブランドコピーバッグの誠実と信用の店、
24時間以内に出荷し、3~4日に到着して、
当社の販売のさまざまな国際ブランド、
ルイヴィトンバッグ、エルメスコピー、
ロレックスコピー、オメガ コピー、
シャネル時計コピー、スーパーコピーバッグ、
当社は誠心誠意あなたのためにサービス、

名前:

URLまたはE-Mail:(※リンク表示注意)

コメント:

情報をクッキーに保存する

trackback URI:

http://iso.tank.jp/puroguramu/3columnliquid_1.tarako

Search

Option

Document

Comment

アイテム詐欺で「再」逮捕
10/23 : Nicole Mawrey
10/25 : まつげエクステ グルー
10/26 : リーデルの情報
10/28 : 陶器の情報はこちら
10/29 : サーモス|意外なコツとは
11/01 : Nicole Mawrey
11/09 : リゾルト
11/30 : Lillian Davis
12/07 : ティーポット※裏側を知ろう
12/14 : Alice Lowe
Epson PC-286Lとは
12/04 : 酢
12/04 : そうこ
11/27 : まつげエクステ グルー
3 台の PC
11/22 : マツエク グルー

Tackback

リタリンの処方が打ち切られた
03/27 : ノビじいの鬱々日記
foreshortenedプラグイン改造
01/23 : ISO TANK!

Log

2010年
12月
2009年
10月 9月 8月 6月
2008年
11月 10月 9月 6月 4月 2月
2007年
12月 2月 1月
2006年
11月 10月 9月 3月
2005年
10月 9月 7月

Link