|
テーブルレイアウト無しのテーマです。
position を使って配置しています。
.ccolumn {position: relative;margin-left: auto;margin-right: auto;width: 460px;}
ｾﾝﾀｰｺﾗﾑは、相対位置で中央に表示しています。
ﾌｯﾀｰは自然とこのｺﾗﾑの下に来ます。
左右のｻｲﾄﾞｺﾗﾑは絶対座標（BODYの左上を原点）に配置しています。
.lcolumn {position: absolute;top: 140px;left:22px;width: 160px;}
.rcolumn {position: absolute;top: 140px;left:655px;width: 160px;}
中央ｺﾝﾃﾝﾂの高さが低い場合、ﾌｯﾀｰが左右ｺﾗﾑに被るので、ｺﾝﾃﾝﾂの全体のBOXに
被らない最低の高さを指定しています。
.ccontain{height: 920px;}
.ccontain{}の場合「th3_001_ntb」でニュースとかを見てください。
中央の左右ｺﾗﾑは、下記のとおりです。
.clcolumn {position: relative;left: 0px;width: 230px;}
.crcolumn {position: absolute;top: 1856px;left:231px;width: 230px;}
右ｺﾗﾑをrelativeにすると左ｺﾗﾑの下に来ます。
.crcolumn {float:right;width: 230px;}にすると
左ｺﾗﾑの右下に来ます。
「th3_002_ntb」は、中央の内容を増やすたびにtop: 1856pxを調整する必要が
あり、中央の左右ｺﾗﾑを
.clcolumn {float:left;width: 230px;}
.crcolumn {float:right;width: 230px;}
にしたものが「th3_003_ntb」です。
| th3_001_ntb |
th3_002_ntb |
th3_003_ntb |
th3_004_ntb |
|
|
|
|
|
|
|
|
new
|
|
