The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Splitting a background for wider screens Re: Splitting a background for wider screens


Hey, a few suggestions:

1) Join the images in the middle and centre (guessing your UK if it’s late?) the image.

background: url(image/path/here.png) center top;

2) Create a div with the following styles:

width: 50%;
height: 100%;
margin-left: 50%;
background: your-second-background image for the right-hand side.


and set the other image to be the background of the body. If you also set the two images to be "left top’ on the body and "right top" on the div, they’ll always join in the middle.

You’ll also need some other code to set z-index etc… as well.

Hope that helps,