Question

I am creating a webpage..as usual. But I have a problem. Lets say that I have a div called “background” and in this div I load a huge amount of images with the <img>-tag. The only problem is that the images got float:left; on them which makes them fall into a new line since it can’t display the full image.

I want, however, to display the image so you can see a part of it but so it stretches from one side to another and all the way down to the bottom of the screen. I don’t want any scroll bars and so on. Is there a quick way of doing this? Do I need to use javascript or can I solve this in css, and if that’s the case, can someone point me in the correct direction? 🙂

Here is an example of what I’m trying to do.

Answer 1

The site you gave as an example uses overflow:hidden and width:110% on their body … that’s what makes it possible for partial images to be shown.