How to make it in CSS: Fixed bar at bottom.

[Pichichi]

Hello

i would like to know how to make a fided bar at the bottom of the screen wich stay fixed always even if the scroll bar is moved... i've tried with "position: fixed"

I want o make a bar, something simillar to the one in facebook but with texts or links to sections of the page, etc.

Thanks in advance.

 

[HostMantis]

In addition to "position: fixed;", have you tried:

bottom: 0px;

 

[Pichichi]

yesss!!! right! it works!!! MANY THANKS!!!!

 

[HostMantis]

yesss!!! right! it works!!! MANY THANKS!!!!

You're welcome!

 

[jacobatwood]

I have used this. Please refer-
<style type="text/css">
#bottom {
width: 95%;
position: fixed;
bottom: 30px;
border-top: 2px solid #666666;
border-left: 3px solid #666666;
border-right: 2px solid #666666;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
margin-bottom:-30px;
}

</style>
<div id="bottom"> <a href="url"><img src="url1" border="0"></a> HI
</div>

 

[Pichichi]

thank u!!! i will test it

I have used this. Please refer-
<style type="text/css">
#bottom {
width: 95%;
position: fixed;
bottom: 30px;
border-top: 2px solid #666666;
border-left: 3px solid #666666;
border-right: 2px solid #666666;
-moz-border-radius-topleft: 7px;
-moz-border-radius-topright: 7px;
margin-bottom:-30px;
}

</style>
<div id="bottom"> <a href="url"><img src="url1" border="0"></a> HI
</div>