Select Page

I was playing around with some design stuff recently and thought I’d record this moreso for my own reference than anything but feel free to use it 🙂image

 

In web site design, you have a cater to different browser sizes, different window sizes and different computer screen resolutions. Fixed dimensions aren’t always the best answer.

There’s a little piece of CSS code you can use to define a background image and make it full window width no matter how large or small the browser window is.

See below:

body {
background: url(background image URL here) no-repeat;
background-size:100%
}

I’ve found that this code works best for me. Do you know of a better one? what works for you in your designs?

Author: Andy Quayle

Andy was born in the Isle of Man and currently lives in Pittsburgh.
Known globally as a willing source for tech news and views, Andy takes great pride in consultation and education.

Should his schedule permit, Andy is available to help you with your SEO and Web Analytics needs.