Rachel Mawhood wrote:
> Hi list
>
> This new page has two background images, one in the body and one (a
> logo) in a div called #outerwall (ie the wrapper).
>
> http://www.st-alfege.org/friends-of-the-park/
>
> Chrome seems to compute the position of the logo differently from
> other browsers and puts it about 90 pixels too far to the right.
>
>
I did not look at it in Chrome.
I imagine all browsers treat it in relatively the same manner.
This will approximately position the image; however, it is not a solution.
#outerwall {
min-height: 100%;
/*background-color: transparent;
background-image: url("fostp-lo.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 87% 1%;
z-index: 2;*/
background: url("../friends-images/fostp-logo.jpg") 797px 10px no-repeat;
}
A "real" solution would mean re-examining your layout. There is a pixel
width set on the body, and the wrappers are set in em widths.
Those users at 1152 and wider width windows will not see the image at all;
those users at less wide windows than 1024 see the image partly covered
by the content beneath it;
those users who scale-fonts, or have a min-font size setting, will find
the content text expanding both left and right and more or less doing a
number on your layout concept.
Best,
~d
--
desktop
http://chelseacreekstudio.com/
______________________________________________________________________
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/
