html - ヘッダーをオーバーレイすると同時にフッターをオーバーレイしない高さ 100% のサイドバーを作成する方法

Question

私は Drupal テーマを編集しており、コンテンツに応じて伸びるサイドバー、オーバーレイ ヘッダーを作成する方法を見つけようとしていますが、同時にフッターをオーバーレイしません。ちょっと説明が難しいので画像を描いてみます -> http://i48.tinypic.com/hs2r9t.png

緑の領域 - コンテンツを柔軟に作成したので、そこに記事を追加すると、拡張されてフッターが深く移動します。

ありがとう

Answer 1

Drupal を使用したことはありませんが、HTML+CSS では次のようにするとうまくいきます。

#sidebar { 
    float: left; /* push it to the left */
}
#header { 
    overflow: hidden; /* new block formatting context */
}
#content { 
    overflow: hidden; 
}
#footer { 
    clear: left; /* clear the float */
}​

jsFiddle デモ

レイアウトを扱う場合は、HTML と CSS を学ぶ必要があります。