v15usagi2

15usagi2_公開(3/21.3:02申請,2/26承認)

PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL

v14usagi　のバリエーションです。

2カラム。固定幅。750px。
記事部分 500px。サイドバー 230px。

font-size: 12px;

カラム幅を超える画像は縮小表示されます。

v14usagi

14usagi_公開(3/21.3:00申請,2/26承認)

PC版サンプル（画像をクリックするとサンプルページを見ることが出来ます)
>>DL


2カラム。固定幅。750px。
記事部分 500px。サイドバー 230px。

font-size: 12px;

カラム幅を超える画像は縮小表示されます。

css5.長さの単位

長さの単位/
相対単位
em ：1em = 1文字分の高さ
ex ：1ex = 「x」文字の高さ
px ：1px = 画面上の1ピクセル

絶対単位
pt ：72pt = 1in（1インチ：2.54cm）
pc ：1pc = 12pt

css4.position

position : ボックスの配置方法を指定するプロパティ

値/
static ：通常の位置に配置 （初期値）
　　　static を指定した場合は、ボックスの配置位置の指定は無効になる。

relative ：通常の位置を基準とした相対的な配置

absolute ：ウィンドウまたは親ボックスを基準とした絶対的な配置
　　　祖先要素に位置決めされた要素がある場合は、その要素の位置を基準にする。
　　　ない場合は、ウィンドウの枠を基準とした配置。
　　　位置決めされた要素 : positionで static 以外の値が指定された要素.

fixed ：ウィンドウを基準とした絶対的な配置 + 位置の固定
　　　*IE6以下では非対応。IE7では「互換モード」の場合機能しない。


sample code/
div {

width: 200px;
height: 100px;

position: relative;
position: absolute;
position: fixed;

top: 50px;
left: 50px;
right: 10em;
bottom: 10em;
* 指定 ：上から、左から、右から、下からの距離＋数値単位,%

}