« HTTP圧縮 | Main | PHP_INI_* 定数の定義 »

2段組レイアウト

コンテナを用意してその中に2段組にしたいブロックレベル要素を格納する。

div#container {
	width: 100%;
}
div#left {
	width: 30%;
	float: left;
}
div#right {
	width: 70%;
	float: right;
}
<div id="container">
	<div id="left">
		メニューとか
	</div>
	<div id="right">
		コンテンツとか
	</div>
</div>
<div id="next">
	まだまだ続くよ
</div>

コンテナの次にブロックレベル要素が続くなら

div#next {
	clear: both;
}

と指定する。

TrackBack

TrackBack URL for this entry:
http://ezry.net/cgi-bin/mt/mt-tb.cgi/5

Comments

こんにちわんこそば!
 寒い?
 今朝から雪がぱらついてます~♪

 今年も残すところあと2週間だねぇ…。元気で頑張ろう!

さむっ!

えーっと、たぶん27日に帰りますんでよろしくです。

★メリークリスマス★

 当方は仏教徒なので関係なし(負惜しみとは言わないで・・・_| ̄|○)

またまた 感染症になって腹痛と頭痛で悩んでます…
 27日までには 治る予定…

Post a comment

(If you haven't left a comment here before, you may need to be approved by the site owner before your comment will appear. Until then, it won't appear on the entry. Thanks for waiting.)