Click here to Skip to main content
15,891,316 members
Please Sign up or sign in to vote.
0.00/5 (No votes)
See more:
How do I align a button at the bottom of a page (it must always be at the bottom of page)?

Thanks in advance.. :)
Posted
Updated 16-Jun-10 1:55am
v4
Comments
Johnny J. 16-Jun-10 10:39am    
Why did you roll back my edit? Are you so proud of your spelling errors? Besides, it's "Cascading" - not "Cascade". http://en.wikipedia.org/wiki/Css
Rohini Deepu 16-Jun-10 23:03pm    
Sorry, it happend accidently.. i am not so familiar with this site..

1 solution

If I remember correctly, something like:

Create a css class as:

.button: position: absolute; bottom: 1px;


attach this to the button.

And now you want to center it; this will work. Wrap the button in a div like so:

<div id="divCenter"><input type="button" value="Button" /></div>


Change the css to:

div#divCenter { position: absolute; bottom: 1px; text-align: center; width: 100%; }
 
Share this answer
 
v2
Comments
Rohini Deepu 16-Jun-10 8:36am    
please help to align it to the center of page bottom
Rohini Deepu 17-Jun-10 2:53am    
Reason for my vote of 1
very helpful
R. Giskard Reventlov 17-Jun-10 3:41am    
Thanks but you do realise a vote of 1 is bad - please reset to 5 if it was helpful.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900