★ 絶対配置(absolute)指定時の起点(x=0 y=0)を決める場合は、
下記の様に設定します。
① ヘッダーの左上を起点にしたい場合。
/* ------------------------------------------------------- */
/* 絶対配置起点を設定 画面の大きさを変えて同じ位置に */
/* ------------------------------------------------------- */
.skinFrame2{
width:1000px;/* コンテンツ幅を設定 */
margin:auto;/* 自動中央寄せ */
position:relative;/* 起点指定 */
}
/* 絶対配置起点を設定 画面の大きさを変えて同じ位置に */
/* ------------------------------------------------------- */
.skinFrame2{
width:1000px;/* コンテンツ幅を設定 */
margin:auto;/* 自動中央寄せ */
position:relative;/* 起点指定 */
}
② 下記でも可能です(広告左上あたりが起点)
旧スキン(ベーシック)と同じにするのには、①がお勧めです。
/* ------------------------------------------------------- */
/* 絶対配置起点を設定 画面の大きさを変えて同じ位置に */
/* ------------------------------------------------------- */
.skinFrame{
width:1000px;/* コンテンツ幅を設定 */
margin:auto;/* 自動中央寄せ */
position:relative;/* 起点指定 */
}
/* 絶対配置起点を設定 画面の大きさを変えて同じ位置に */
/* ------------------------------------------------------- */
.skinFrame{
width:1000px;/* コンテンツ幅を設定 */
margin:auto;/* 自動中央寄せ */
position:relative;/* 起点指定 */
}
③ 下記でも可能ですが、下記の場合は、ヘッダー下のコンテンツエリアを
起点とするため、コンテンツエリアより上には、絶対配置できなくなります。
/* ------------------------------------------------------- */
/* 絶対配置起点を設定 画面の大きさを変えて同じ位置に */
/* ------------------------------------------------------- */
.skinContentsArea{
width:1000px;/* コンテンツ幅を設定 */
margin:auto;/* 自動中央寄せ */
position:relative;/* 起点指定 */
}
/* 絶対配置起点を設定 画面の大きさを変えて同じ位置に */
/* ------------------------------------------------------- */
.skinContentsArea{
width:1000px;/* コンテンツ幅を設定 */
margin:auto;/* 自動中央寄せ */
position:relative;/* 起点指定 */
}
ブログの主な場所の説明
![リアナのカスタマイズ日記(CSS編集用デザイン)-新スキンの主な場所の名前](https://stat.ameba.jp/user_images/20120116/08/new-blue-777/59/b2/p/t02200180_0775063411737764872.png?caw=800)