Click to See Complete Forum and Search --> : background image


mfrancism
10-13-2007, 08:08 AM
background image does not display on all computers the same way, I use a css file


#contentarea {
width: 500px;
height: 380px;
float: left;
border: medium double rgb(250,0,255);
background: #ffffff url('estherwc.jpg') no-repeat fixed bottom;
overflow: scroll;
font-family: comic sans ms;
font-size: 14px;
font-weight: bold;
color: rgb(255 0 255);
}

WebJoel
10-13-2007, 09:56 AM
#contentarea {
width: 500px;
height: 380px;
float: left;
border: medium double rgb(250,0,255);
background: #ffffff url('estherwc.jpg') no-repeat fixed bottom;
overflow: scroll;
font-family: "comic sans ms";
font-size: 14px;
font-weight: bold;
color: rgb(255, 0, 255);
} Some things (may or may not help, but required)

Vales for "background-position" are:

top left
top center
top right
center left
center center
center right
bottom left
bottom center
bottom right

If you only specify one keyword, the second value will be "center".

Default value: 0% 0%

So your background-position is implied to be "bottom center", -is this correct?

Centauri
10-14-2007, 07:47 AM
The "fixed" background position means fixed relative to the browser window in compliant browsers, so if the background height is less than the distance between the bottom of the div and the bottom of the screen, the background will not show. IE only recognises fixed position on the body background.