CSS Align Issue in Mozilla

[Roy Danon]

Hi,

The following page :
www.droyd.net/CuttWork
Works just perfectly in IE6,
For some reason when running the same page on Mozilla the background shifts
to the left.
The body stays centered.


Why is this happening?


Roy.

 

[Roy Schestowitz]

Hi,

The following page :
www.droyd.net/CuttWork
Works just perfectly in IE6,
For some reason when running the same page on Mozilla the background
shifts to the left.
The body stays centered.


Why is this happening?


Roy.

You don't seem to direct the background image to lie in the center. Try
adding the appropriate attributes.

Roy

 

[Sentient Fluid]

Hi,

The following page :
www.droyd.net/CuttWork
Works just perfectly in IE6,
For some reason when running the same page on Mozilla the background shifts
to the left.
The body stays centered.


Why is this happening?


Roy.

<div style="text-align:center; width:100%; height:100%;
background-image:url('Back2.gif'); BACKGROUND-REPEAT:no-repeat;
BACKGROUND-POSITION: center middle;">

Shouldn't that be BACKGROUND-POSITION: center; ?

http://www.w3schools.com/css/pr_background-position.asp

~Senti

 

[Jonathan N. Little]

Sentient Fluid wrote:

<div style="text-align:center; width:100%; height:100%;
background-image:url('Back2.gif'); BACKGROUND-REPEAT:no-repeat;
BACKGROUND-POSITION: center middle;">

Shouldn't that be BACKGROUND-POSITION: center; ?

No that should be 'background-position: center center;' or
'background-position: 50% 50%;' not 'middle'.


*Colors and backgrounds*
http://www.w3.org/TR/CSS21/colors.html#propdef-background-position

 

[Roy Danon]

Actually I am.

<div
style="text-align:center;width:100%;height:100%;background-image:url('Back2.
gif'); BACKGROUND-REPEAT: no-repeat;BACKGROUND-POSITION: center middle;">

"background-position...".


Any other solutions?


Roy.

 

[Roy Schestowitz]

Actually I am.

<div
style="text-align:center;width:100%;height:100%;background-image:url('Back2.
gif'); BACKGROUND-REPEAT: no-repeat;BACKGROUND-POSITION: center middle;">

"background-position...".


Any other solutions?


Roy.

I was looking at the definition at the top and did not expect in-line. I
guess you are right, but there's a reason why the statements are not
obeyed. Have you checked the syntax? have you used a validator yet?

Roy