ページの下部にドックタイプのツールバーを作成する方法は？

<div id="toolbar" style="position: fixed; bottom: 0px; left: 0px; width: 100%; color: #fff; background: #000;"> 
Toolbar Content 
<!-- rest of your toolbar stuff here --> 
</div>

画面の下部に残る黒い背景を持つdiv要素を作成します

、位置決めするためのCSSのディレクティブを使用するようにブラウザのサイズ変更またはスクロールあなたは好きなようにそのdivをスタイルすることができます。

出典

2009-06-28 19:23:00

もう1つの質問ですが、このブラウザは圧縮可能です> – coderex

IE6以外のすべてで動作するはずです。 –

@MatBridges私はSMFベースのサイトのCSSを編集してdivの1つにこの影響を与えますが、他のすべてのdivがdivの上にジャンプします。ちょうど固定されています。構造。意図したレイアウトを維持しているdivの後ろにすべてを動かすための提案はありますか？ –

にあなたは関係なく、

position: fixed;

more details and tinkering for the positioning

出典

2009-06-28 19:13:08

いいえ、私はゼロからそれを作成する方法を知りたいです – coderex

ああ、それはもう少し複雑で、それは答えられるものではありません。「カレンダーウィジェットを作るにはどうすればいいですか？」 –

ページの下部にドックタイプのツールバーを作成する方法は？

答えて

関連する問題