Hi can someone help me i’ve been trying to make a body background to display on the side of my main div i want my images to display like the iphone images displaying on the side of this site http://www.thesun.co.uk/sol/homepage/
If your main content has a fixed width, this is quite easy. Let’s say your wrapper is 960px wide. In that case, create your image in Photoshop, with a width of—say—1160px. Place the iphone images on either side of this file, making sure there’s a gap between them of at least 960px. Then save the image for the web.
Then place the image as a background on the body:
body {background: url(/images/iphones.png) no-repeat 50% 0;}
That’s one approach, but the answer is a bit general as we’d need to see your page to be more specific. What I’ve described above is not how they did it on the site you linked to, though, which is another option, though it’s a little more contorted.