How to centre a Background image

[Historical Forums User]

Hi New here and to CSS. I have looked everywhere but can’t find or work out how to centre a background image.
I have a header and want to use an image as the background. I have set the background image and tried using left and right margin as auto. However the image always goes to the left. I want to use it for a mobile site, and just need a small image to be in the centre. I am using Dreamweaver CS6 on a mac.

Any help would be appreciated.

[AlanFall]

You should try this:

element(your header) {
background: url(imagepath/bg.png) no-repeat center center;
}

[Historical Forums User]

Many thanks….. you’re a genius

[Alen]

[You might also look at this implementation](https://css-tricks.com/perfect-full-page-background-image).

[Author]

Posts