現在地: Home » 初級ホームページ作成講座：目次 » #container部分

#container部分

CSS/HTMLファイルの設定

下記コードをCSSファイルにコピー&ペーストして下さい。

下記コードをHTMLファイルにコピー&ペーストして下さい。

CSS/HTMLファイルの解説

スタイルシート

/*-------------------------contentsの指定*/
#contents{
padding: 0;
margin: 0;
position: relative;-----/1
width: 100%;-----/2
}

このボックスが以降のコンテンツ部分とサイドバー部分の基点になります。（#containerを基準に#contents,#sidebarを配置します）

  1. position: relative;
    • 相対配置指定です。
  2. width: 100%;
    • 幅指定を忘れずに！。

HTML

<!--header部分終わり-->

ココ

今現在の完成状況→サンプル表示

以上で準備完了です！→作業手順5へ進む！

▲Top

高性能サーバ

低価格サーバ

無料ホームページスペース