# Centering Background Picture

**URL:** <https://forum.kirupa.com/t/centering-background-picture/63773>\
**Category:** design\
**Created:** [September 9, 2004, 8:46pm UTC](https://forum.kirupa.com/t/centering-background-picture/63773 "2004-09-09T20:46:47Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Maxtr0sity](https://avatars.discourse-cdn.com/v4/letter/m/a88e57/32.png) [@Maxtr0sity](https://forum.kirupa.com/u/Maxtr0sity)\
**Post date:** [September 9, 2004, 8:46pm UTC](https://forum.kirupa.com/t/centering-background-picture/63773/1 "2004-09-09T20:46:47Z")

</div>

How do I center a background picture vertically in html?

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 9, 2004, 9:50pm UTC](https://forum.kirupa.com/t/centering-background-picture/63773/2 "2004-09-09T21:50:49Z")

</div>

You could just set up a table or better yet, use css!

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 9, 2004, 9:50pm UTC](https://forum.kirupa.com/t/centering-background-picture/63773/3 "2004-09-09T21:50:57Z")

</div>

Use this CSS Style in your html page - or external .css file

\<style type=“text/css”\>  
\<!–  
body {  
background-image: url(\<PATH TO FILE\>);  
background-repeat: no-repeat;  
background-position: center center;  
}  
–\>  
\</style\>

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 9, 2004, 10:39pm UTC](https://forum.kirupa.com/t/centering-background-picture/63773/4 "2004-09-09T22:39:16Z")

</div>

Ahhh, thank you… you’ve answered my question as well. 😉

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 9, 2004, 11:20pm UTC](https://forum.kirupa.com/t/centering-background-picture/63773/5 "2004-09-09T23:20:54Z")

</div>

> [@ironikart](#):
>
> Use this CSS Style in your html page - or external .css file
> 
> \<style type=“text/css”\>  
> \<!–  
> body {  
> background-image: url(\<PATH TO FILE\>);  
> background-repeat: no-repeat;  
> background-position: center center;  
> }  
> –\>  
> \</style\>

:love:

---

<div class="post-metadata">

**Author:** ![system](https://canada1.discourse-cdn.com/flex011/uploads/kirupa/original/3X/6/2/621e5c11736f46532526e61be85940af4230f3e5.png) [@system](https://forum.kirupa.com/u/system)\
**Post date:** [September 9, 2004, 11:40pm UTC](https://forum.kirupa.com/t/centering-background-picture/63773/6 "2004-09-09T23:40:47Z")

</div>

no worries, glad to help. CSS is easy. 😉