[WSG] Help! Safari wide background image bug?

2004-09-07 Thread Hugh Todd
Has anyone else encountered this bug?
I'm trying to create an elastic layout, using the sliding backgrounds 
approach alluded to by Doug Bowman in the link provided by Russ earlier 
today:

http://www.stopdesign.com/log/2004/09/03/liquid-bleach.html
*But* there seems to be a bug in Safari.
Here's the layout (slightly modified from my earlier posting) I have 
been wrestling with.

http://www.homepage.mac.com/hughtodd/access/
You'll see there is a pale blue background element. It's quite wide, 
and it tiles along the y axis. It's set to start at 20em.

What's happening, though, is that the *background is pushing the div 
wider*. What the...?

Looks fine in Firefox and Safari.
Anyone else seen this/know what to do to fix it? Yeek!
-Hugh Todd
**
The discussion list for  http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


Re: [WSG] Help! Safari wide background image bug?

2004-09-07 Thread Hugh Todd
Lea,
i see the same effect in both firefox and safari - a white strip to the
left of the blue background?
in both Firefox and in safari.
Sorry, no, that's not where the problem is. I placed the left edge of 
the blue background arbitrarily, just to display the issue, so you'll 
have to excuse the bodgy look of it. The problem is on the right hand 
side.

I note your css doesnt validate, and it seems to be on the background
line.
That's because I've used an IE PC hack to emulate max-width. It's the 
only thing that shows an error.

I've never seen em units used for offseting a background in css.
Perhaps it isnt valid to do so?
Same problem shows up with absolute measurements (px) as well, so I 
don't think it's a validation issue. I used the em measurement to 
indicate that I'm wanting the left hand margin to stretch with an 
increase in text size. (At present the layout is incomplete in this 
regard.)

Thanks for the response, though.
I'm disappointed with Safari's handling of this -- and very surprised!
-Hugh
**
The discussion list for  http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**