Image at absolute bottom of webpage

[mark01]

Hi, does anyone know how to center an image at the absolute bottom of a webpage. I don't want a white space between the image, and the border of the browser...

Thanks.

 

[kaht]

<style type="text/css">

body {
   background:url(myImage.jpg) bottom center no-repeat;
}

</style>

-kaht

Looking for a puppy?

http://www.silkypups.com

[small](Silky Terriers are hypoallergenic dogs that make great indoor pets due to their lack of shedding and small size)[/small]

 

[mark01]

Thanks, will this work if I already have a body background image that is centered to repeat?

 

[kaht]

Nope, but you can always add a div to be the first child element under the body - and then apply the background style to it.

-kaht

Looking for a puppy?

http://www.silkypups.com

[small](Silky Terriers are hypoallergenic dogs that make great indoor pets due to their lack of shedding and small size)[/small]

 

[mark01]

Thanks!

 

[mark01]

Thanks!