Sent by Neil W Gibbs on 14 February 2005 21:09
I'm seeing the same behavior on one of my fluid/"elastic" layouts. I
have a background that is repeated-y, is larger than it's container, and
is offset left using the em unit. Safari is incorrectly repeating it on
the x-axis, which was causing my navigation to disappear. I fixed it on
my layout by editing the background image to include some space at the
far right for the background color I was looking for. I have yet to
find another way around it.
Here is my original post to the group titled "Float/Background problem
in Safari 1.2.2:"
http://archivist.incutio.com/viewlist/css-discuss/49241
Neil
Neil Gibbs
Computer Communications Specialist
Communications and Marketing
University of Louisville
Louisville, KY 40292
502.852.6171 Office
502.852.7658 Fax
[EMAIL-REMOVED]
http://www.louisville.edu/~n0gibb01/
>>> i lagos [EMAIL-REMOVED]> 02/14/05 2:56 PM >>>
>When told to position a background image taller than its container
>below the container top and not to repeat it, Safari does repeat the
>image.
i was waiting for some of the css veterans to reply to your post. i
searched the net, wiki, but found nothing on this. i did my own
experiments and was able to replicate the "bug". in addition i found
this
1. when the container div is set to the exact size of the background
image AND the background position is other than 0 0 (px,cm,pt,em) then
the background position is ALWAYS repeated, even if position-repeat
has been set to no-repeat.
2. when the container div is set to a larger size than the background
image AND you position the background to a coordinate that will make
one of the corners of the image be "out of view" then SAFARI actually
displays the entire image even the part that should be out of view, in
this case the image is not repeated.
test of above description:
http://demo.ilagos.com/tests/tmp/background_position_safari.html
i tried a few things to find a workaround but came up with nothing.
has anyone found a css woraround for this?
thanks to all that look into this
-i
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/