Floating toolbar on bottom, centered, 80% of current screen width
- by Tom
I'm trying to implement a Facebook like toolbar on the bottom of the screen for a website I'm currently working on.
Currently, I have it 100% of the width of the screen but I'd like to have it look almost exactly like Facebook's toolbar, centered, bottom justified on top, around 80% of the current screen's width.
Here is the current CSS for the toolbar I have that is 100% of the screen's width.
Thanks in advance.
CSS:
<style type="text/css">
#toolbar
{
background:url('/_assets/img/toolbar.gif') repeat-x;
height:25px;
position:fixed;
bottom:0px;
width:100%;
left:0px;
border-left:1px solid #000000;
border-right:1px solid #000000;
z-index:100;
font-size:0.8em;
}
</style>
