上のリンクは、CSS でスタイル付けしたリストを使用した基本的なナビゲーション構造を示します。この構造を基に、プロパティを変更して独自の外観を作成してください。フライアウトメニューが必要な場合は、Spry メニュー、Adobe Exchange のメニュー Widget またはその他の各種 JavaScript や CSS ソリューションを使用して、独自のフライアウトメニューを作成してください。

ナビゲーションを上部に配置したい場合は、ul をページ上部に移動してスタイル付けを再作成してください。

# 説明

## このドキュメントの使用方法

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

VIDEOタグ非対応の場合のコメント。VIDEOタグ非対応の場合のコメント。VIDEOタグ非対応の場合のコメント。VIDEOタグ非対応の場合のコメント。

## クリア方法

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

HTML5対応ブラウザでは、音声が鳴ります。

## ロゴの置換

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

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

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

## 背景

基本的にどの block エレメントでも背景色はコンテンツの長さ分だけ表示されます。そのため、サイドカラムの外観を作成するために背景色またはボーダーを使用している場合、これがフッターまで伸びず、コンテンツが終わると途中で切れてしまいます。.content の block に含まれるコンテンツの方が常に多い場合、.content の block にボーダーを配置してカラムと区切ることができます。