100% width background solution?

I'm not sure I understand the problem. That kind of background is pretty easy to setup.

Just find the background you want, resize it to a pretty big size (1700 px across is the size of the one in your link), set it as the background image, center and no-repeat it, and you should be good to go. Are you trying to find an image too small and stretch it so it fills 100% of the screen?
 
Last edited:
Yeah nomore is right, you just need to make the background image very large and set it as the background image without repeating it.
 
Make a big background, and if you want it to get smaller if the browser is resized, do min-width: 100%; :)
 
also use the following css code so the image stays in place and when you scroll down the page to view the content the background image will always be in the background and you wont see any of the teal color at all.

<style type="text/css">
<!--
BODY {
background-image: url(image.jpg);
background-attachment: fixed;
}
-->
</style>
 
Back
Top