Facebookのように重複するヘッダー/コンテンツを作成する方法

Question

コンテンツがCSSと部分的に重複する可能性のあるソリッドカラーヘッダーを作成する正しい方法は何ですか？

Facebookは（青いヘッダを重ね絵に気づく）私はつもり正確な外観を持っています。ここでは alt text http://www.thewizkids.net/facebookExample.png

は私の考えですが、彼らは問題を提起する場合、私は知らない。

1. ヘッダーセクションと絶対位置にピクチャ/オーバーラップするコンテンツを入れて、divから抜け出すようにします。

2. ヘッダーの下にコンテンツをコードしますが、相対的に上に押してヘッダーをオーバーラップさせます。

これらのいずれかが機能するか、より良い選択肢がありますか？

Answer 1

Firebugを使用して、HTML/CSSのマークアップを確認することをお勧めします。

Answer 2

ちょうど巧妙に配置された背景画像を使用してください。次に、あなたのタブのボトムが、あなたの背景画像の底部の "上に"並んでいることを確認します。

Answer 3

Jonathanと同様に、背景画像を使用します。しかし、私はあなたがあなたがマージンとパディングの違いを知っていることを確認する必要があることを付け加えたいと思います。これはFacebookのテーマにとって非常に重要です。