How do I stick an image to the bottom of the visible screen, and be centered?

Asked 2010-04-03T10:06:04.867

I have a website, and I need to have an image centered at the bottom of the visible page. So in any screen size, the image will still be at the bottom, and centered.

css center sticky

Edit Report

1 Answer

You should put it into a div and then, imagining your image is 500px wide:

div.className{
position:absolute;
margin-left: -250px; /* very important for the image to be centered */
left:50%;
bottom:0px;
}

answered 2010-04-03T10:55:18.067

How do I stick an image to the bottom of the visible screen, and be centered?

1 Answer

Your Answer