Question

I have a webpage with a background image that extends (in some resolutions) beyond the width of the browser’s window.

The contents of the webpage in question are centered, relative to the background image, and so I would like that the visitors to the webpage would have their view horizontally centered aswell.

Is that possible? If not, how would I go with dynamically cropping the background image, to fit the window size of the viewer?

Answer 1

Modify the css:

Goto the body{} class and modify it as:

body
{
background: url('path-to-ur-image/image.jpg') top no-repeat;
}