CSS Align Issue in Mozilla

Discussion in 'HTML' started by Roy Danon, Apr 24, 2005.

  1. Roy Danon

    Roy Danon Guest

    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 Danon, Apr 24, 2005
    #1
    1. Advertising

  2. Roy Danon wrote:

    > 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

    --
    Roy S. Schestowitz
    http://Schestowitz.com
     
    Roy Schestowitz, Apr 24, 2005
    #2
    1. Advertising

  3. Roy Danon wrote:
    > 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
     
    Sentient Fluid, Apr 24, 2005
    #3
  4. Sentient Fluid wrote:
    <snip>
    > <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

    --
    Take care,

    Jonathan
    -------------------
    LITTLE WORKS STUDIO
    http://www.LittleWorksStudio.com
     
    Jonathan N. Little, Apr 24, 2005
    #4
  5. Roy Danon

    Roy Danon Guest

    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" <> wrote in message
    news:d4g7vj$84t$...
    > Roy Danon wrote:
    >
    > > 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
    >
    > --
    > Roy S. Schestowitz
    > http://Schestowitz.com
     
    Roy Danon, Apr 24, 2005
    #5
  6. Roy Danon wrote:

    > 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" <> wrote in message
    > news:d4g7vj$84t$...
    >> Roy Danon wrote:
    >>
    >> > 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.


    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

    --
    Roy S. Schestowitz
    http://Schestowitz.com
     
    Roy Schestowitz, Apr 25, 2005
    #6
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Kay
    Replies:
    2
    Views:
    7,189
  2. Henri
    Replies:
    9
    Views:
    1,861
    Toby Inkster
    Feb 22, 2005
  3. tshad

    text-align vs align

    tshad, Jun 23, 2005, in forum: HTML
    Replies:
    1
    Views:
    1,278
    David Dorward
    Jun 23, 2005
  4. Paul Lautman

    left align within centre align

    Paul Lautman, Mar 3, 2006, in forum: HTML
    Replies:
    3
    Views:
    582
    Paul Lautman
    Mar 3, 2006
  5. Steve Richter
    Replies:
    1
    Views:
    917
    Mark Rae
    Jun 24, 2007
Loading...

Share This Page