2011-07-07 2 views
2

thisのようなレイアウトで作業していますが、ロゴがナビゲーションメニューの上に表示されるという違いがあります。サイドロゴやナビゲーションにはどのHTML5タグを使用する必要がありますか?

これは、要素の処分になります:私はこれは本当に簡単であるべきだと思う Layout http://dl.dropbox.com/u/27937302/layout.png

が、私は自分自身が、私は、レイアウトの2つの領域のために使用すべきタグが確実に知ることを得ることができませんsidebarおよびcontent

左サイドバー全体(ロゴとメインナビゲーションを含む)は<header>タグ内にあるべきですか? <aside>簡易<div><header><nav>が内部にありますか?

コンテンツ側はどうですか?ブログ投稿、ポートフォリオエントリ、静的ページなどがある可能性があります。

contentの領域全体がメインテンプレートに追加される必要があると考えてください。 また、sidebarにはテクスチャ付きの背景のための大きな画像があり、すべての高さのブラウザに適合する必要があります。

ありがとうございます。

答えて

1

<nav>にはナビゲーションが含まれ、<footer>にはフッターが含まれ、<header>にはロゴが含まれている必要があります。

#logo, nav, #side-of-footer { 
    position: fixed; 
} 

#side-of-footerの部分は実際の最終あなたは物事が見てみたいか、スタイルシート、そしてどのようにそのフッタ部分が現在マークされているに応じて、多くのものが考えられます。ただし、その後、選択的にこのような何か、position: fixedを設定する必要があります(あなたのデザインでは、左側はフッタとナビゲーションの両方から分離しているように見えますが、その理由はありません)。

+0

ありがとうございますが、ロゴとコンテンツの上部を一緒にすることはできません。ロゴは修正され、コンテンツはスクロール可能になります。しかし、そのすべてのサイドバーは100%の高さでなければなりません。私はいくつかの詳細で質問を更新しました。 – ramono

+0

@ramono:そういうわけで、あなたは '#logo'を持っています。 'position:fixed'アイテムはドキュメントフローから完全に削除されます。つまり、スクロール中にコンテナを共有していてもコンテナを共有しても、それは問題ありません。彼らはただ飛び出す。かなり便利です:) – Ryan

+0

私はそれを理解しますが、他の考慮点はどうですか? – ramono

関連する問題