☆最新記事

2004年04月08日

CSS変更:サイドバー2分割3段表示の時の修正点

 HOMEブログについて(CSSなど・・) ⇒ この記事

サイドバー2分割3段表示をしたあと、安心していたら、トラックバックの画面がずれてました。
なので次直すときに迷わないように位置を示す変更箇所(セレクタ)の記録。
→ 各セレクタの詳細

(width/height/position 以外は省略してます)

■バナー(バナー画像の位置)
#banner {
 width:210px;
 height:120px;
position:absolute;left:15px;top:5px;
}

■説明文(ウチの場合はアクセスカウンタの画像の位置)
.description {
position:absolute;left:10px;top:55px;
}

■リンク(左側のサイドバー)
#links {
position:absolute;left:10px;top:130px;
width:200px;
}
■リンク1(今回追加した右側のサイドバー)
#links1 {
position:absolute;left:660px;top:5px;
width:200px;
}
■コンテンツ(真ん中に表示するメインコンテンツ)
#content {
width:420px;
position:absolute;left:230px;top:5px;

■コメント
#comments {
width: 400px;
position:absolute;left:230px;top:100px;
}

■トラックバック(今回コレのleft値を直し忘れてました)
#trackback {
width: 400px;
position:absolute;left:230px;top:100px;
}


posted by アウラ at 00:40 | Comment(0) | TrackBack(0) | ブログについて(CSSなど・・)
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:



この記事へのTrackBack URL

×

この広告は180日以上新しい記事の投稿がないブログに表示されております。