Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

Tags:

html

css

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

like image 993
coderex Avatar asked Jun 28 '09 19:06

coderex


2 Answers

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

like image 118
Matt Bridges Avatar answered Nov 07 '22 16:11

Matt Bridges


you use the css directive for positioning

position: fixed;

more details and tinkering for the positioning

like image 35
Stefano Borini Avatar answered Nov 07 '22 17:11

Stefano Borini