How to create dock type toolbar at the bottom of the page?

Question

like in http://www.online-photoshoptutorials.com/2008/08/folding-corners.html

Answer 1

you use the css directive for positioning

position: fixed;

more details and tinkering for the positioning

Answer 2

Check this out http://csscreator.com/node/33027 Sample page here

Answer 3

<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>

That will create a div with a black background that remains at the bottom of the screen, regardless of browser resizing or scrolling. You can then style that div however you like.

Answer 4

Thank you very much for answering his query and providing this:

<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> 

Works a treat and is exactly what I am after!

Thanks!!