コンテンツへスキップ

2段組みに分ける

写真の挿入を考え少し大き目に横幅をとったので、左右を648と250に分けました。

一般的なテンプレートとまったく同じで、大段落(コンテナ)の下にメイン記事(コンテンツ)を置き、その下にサイドバー(右)を置きます。

幅はスタイルシートで設定するので、テンプレートにはスタイルシートのidを入れます。
このサイドバーの中に、これからいろいろな設定を入れていきます。

<テンプレート>

<div id="sidebar">
</div>

<スタイルシート>

/*記事の段落*/
div#content {width:648px;
float: left}
/*サイドバー*/
div#sidebar {width: 250px;
float: right}

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です