Keep background image from moving on window resize

[dsawicki78]

Hello, below is a snippet of the css I am using on my site. I have a 1450 px banner that spans the top of the site with a image slider that sits in the middle of my banner. The issue I am having is when the window is re-sized, it forces my background image from right to left over into my slider. I have tried the width:100%; display: table; as you can see to no avail. Any insight would be greatly appreciated.



body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
color: #000;
background-color: #FFF;
background-repeat: no-repeat;
background-position: center top;
width: 100%;
background-image: url(../_images/background10.jpg);
display: table;
}

[lucy24]

You have to assign the "width" property to the background itself. And-- tangentially-- using ../ relative links in CSS is more perilous than you can begin to imagine. Sooner or later everyone gets bitten by it.

:: pause to reel in shock because I managed to find something in CSS3 specs ::

:: further pause for Forum moderator to stop laughing ::

[w3.org...]

The property you want is background-size.

[Marshall]

Kudos lucy :)

Marshall

[alt131]

:: further pause for Forum moderator to stop laughing ::

Laughing? I'm still in trauma counselling after those threats of slapping with a wet haddock ;)
Anyone unsure this is humour ... wet haddocks don't hurt that much :)

Welcome to WebmasterWorld dsawicki78,

I second Marshall's kudos to Lucy, but had a horrrible thought ... will being able to find things prompt another site re-design? :)

[lucy24]

I'm still in trauma counselling after those threats of slapping with a wet haddock

Gosh. I had no idea the thought of wielding a wet haddock was so scary. Possibly you've forgotten that I'm the one who would get slapped, thanks to making a site with light green text on a dark green background. For an encore, I'm thinking of something in a soothing and restful magenta-and-cyan.

will being able to find things prompt another site re-design?

Heavens, you don't think I found it by following links do you? I went straight to Search. The only challenge was identifying the correct Search box. There were two of them, side-by-side, leading to entirely different things.