絶対配置(absolute)指定時の起点 | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery



★ 絶対配置(absolute)指定時の起点(x=0 y=0)を決める場合は、
  下記の様に設定します。


① ヘッダーの左上を起点にしたい場合。


/* ------------------------------------------------------- */
/* 絶対配置起点を設定 画面の大きさを変えて同じ位置に   */
/* ------------------------------------------------------- */
.skinFrame2{
width:1000px;/* コンテンツ幅を設定 */
margin:auto;/* 自動中央寄せ */
position:relative;/* 起点指定 */
}



② 下記でも可能です(広告左上あたりが起点)
  旧スキン(ベーシック)と同じにするのには、①がお勧めです。

/* ------------------------------------------------------- */
/* 絶対配置起点を設定 画面の大きさを変えて同じ位置に   */
/* ------------------------------------------------------- */
.skinFrame{
width:1000px;/* コンテンツ幅を設定 */
margin:auto;/* 自動中央寄せ */
position:relative;/* 起点指定 */
}


③ 下記でも可能ですが、下記の場合は、ヘッダー下のコンテンツエリアを
  起点とするため、コンテンツエリアより上には、絶対配置できなくなります。

/* ------------------------------------------------------- */
/* 絶対配置起点を設定 画面の大きさを変えて同じ位置に   */
/* ------------------------------------------------------- */
.skinContentsArea{
width:1000px;/* コンテンツ幅を設定 */
margin:auto;/* 自動中央寄せ */
position:relative;/* 起点指定 */
}



ブログの主な場所の説明

  
リアナのカスタマイズ日記(CSS編集用デザイン)-新スキンの主な場所の名前