Hi Alan,

> > body {
> >     margin: 0;
> >     background-image: url(images/background2.png);
> >     background-color: #220000;
> >     background-repeat: no-repeat;
> >     background-position: center 9px; /* add vertical position */
> > }
> 
> 
> Here we go again. With IE7- it seems that when a background image with
> vertical position (y-axis) is center on the body element, the
> position-center is not the center of the content of the page but
> rather the center of the viewport.
> 
> 
> <http://css-class.com/test/bugs/ie/5~7/bg-image-vertical-center-
> promgated-to-viewport.htm>

This should fix the issue:

html {background:#fff;}

On the other hand, it almost seem to me that it is IE that is right here,
no?
Without background styling of HTML, body should be painted from top to
bottom of the viewport regardless of content isn't?
>From my understanding of the spec, it is the background styling of HTML that
vertically shrink-wraps body (the reason for my "fix"). If you add a
background-color to body you'll see what I mean.
So may be the spec is about the painting of a background-color, but not
relevant when it comes to the positioning of a background image(?).


--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz

______________________________________________________________________
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to