説明

このレイアウト用の CSS には、多くのコメントが記述されています。大部分の作業をデザインビューで行う場合、コードを確認して、CSS で固定レイアウトを使用する際の参考にしてください。コメントは、サイトを立ち上げる前に削除できます。これらの CSS レイアウトで使用されているテクニックについてさらに学ぶには、アドビデベロッパーセンターの記事 (http://www.adobe.com/go/adc_css_layouts) をお読みください。

クリア方法

このレイアウトではすべてのカラムがフローティングするので、.footer ルールで clear:both 宣言を使用します。このクリアテクニックによりカラムの範囲がどこまでかを .container に強制的に認識させ、.container に配置するボーダーまたは背景色が表示されるようにします。デザインの都合上、.container から .footer を削除する必要がある場合は、別のクリア方法を使用する必要があります。最も確実な方法は、最後のフローティングカラムの後 (.container を閉じる前) に <br class="clearfloat" /> または <div class="clearfloat"></div> を追加することです。これにより同じクリア効果が得られます。

ロゴの置換

このレイアウトでは .header にイメージプレースホルダーを使用しているので、ここにロゴを配置できます。プレースホルダーを削除してユーザー独自のリンクされたロゴに置き換えることをお勧めします。

プロパティインスペクターで (プレースホルダーを削除して置き換える代わりに) SRC フィールドを使用してロゴイメージに移動する場合、インラインの背景プロパティと表示プロパティを削除する必要があることに注意してください。これらのインラインスタイルは、デモ用にロゴのプレースホルダーをブラウザーに表示するために使用されています。

インラインスタイルを削除するには、CSS スタイルパネルが「現在」に設定されていることを確認してからイメージを選択し、CSS スタイルパネルのプロパティウィンドウで表示プロパティと背景プロパティを右クリックして削除します (代わりに、コードを直接参照し、コード内でイメージまたはプレースホルダーからインラインスタイルを削除することもできます)。