Background images wont fit

Good Afternoon from York UK :slight_smile:

On this page as the screen grab above illustrates with the red arrows Ive got a problem with background images :frowning:

I would like them to fit perfectly IE not repeat but how do you get background images to fit snuggly, do you have to give them dimensions?

Thanks in advance :slight_smile:

You have to make them the right size in the first place. You can resize images in your HTML but not via CSS when they are background images.

Thanks Ralph…

Regarding the image that fills the header i can work out the width of the header section but how do i work out the height?

You can’t, unless you set it explicitly. It might be best to make the image taller than needed to account for situations when the header’s height increases (such as when someone resizes font or whatever).

You can measure the height ‘physically’ on your screen, but it may be different from browser to browser. I use a very handy little screen measuring tool called X-Scope.