2012-05-06 4 views
1

CSSではあまり良くありません。 www.wappwolf.comのようなフッタを欲しいです。どのように動作するのか(CSSのコンセプト)、明確に説明できる例はありますか?古いブラウザなどで動作させるために洗練された/ハックの仕事はあまり必要ありません。現代版との互換性は問題ありません。wappwolfのようなページに固定して表示される下側のフッターを取得する

答えて

5

それは一般的に、少なくとも自分でこれをしようとするが、これはあなたが始める必要があると良いでしょう:

は、これらのスタイルDIVあなたのフッターを与える:

div{ 
    position:fixed; 
    width:100%; 
    left:0px; 
    bottom:0px; 
    height:50px; //or whatever height you want 
} 

Position Fixed場合でも同じ位置にフッタを維持しますスクロールする。 left and bottomは画面の左と下の部分に配置されます(左は画面の全幅なので完全に必要なわけではありませんが、IEがなくてもバグかもしれません)。

heightは、フッターのコンテンツに最も適したものを設定してください。私はあなたが実際の列を設定する方法を知っていると思います。

+0

通常のコンテンツに余白を追加して、フッターの後ろに隠れないようにしてください。 –

+0

明確な説明をありがとう! – jeremy

+0

また、あなたのウェブサイトの参照情報を調べて、それらのやり方を調べることもできます; –

関連する問題