6

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

SilentGhost
  • 307,395
  • 66
  • 306
  • 293
coderex
  • 27,225
  • 45
  • 116
  • 170

2 Answers2

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

Matt Bridges
  • 48,277
  • 7
  • 47
  • 61
  • And one more question,is this browser compactable> – coderex Jun 28 '09 at 19:25
  • @MatBridges I'm editing a SMF based site's css to have this effect on one of the div's, but when i do that all the other divs jump up, onto the div i just fixed, as if it wasn't part of the structure. Any suggestions to make everything run behind that div maintaining the intended layout? – Fernando Silva Jan 27 '12 at 19:44
2

you use the css directive for positioning

position: fixed;

more details and tinkering for the positioning

Stefano Borini
  • 138,652
  • 96
  • 297
  • 431