Peter,
Here we go again :)
Alternative #1
My guess is that you need to attach the background image to something other than the body (like #wrap)... my theory being that if #wrap can't disappear off the left of the window, then neither can it's background :)
Alternative #2
I can't see any major use for the BG image at all... perhaps the line effect you're trying to achieve can be done some other way, negating the need for the image at all. It's a bit hard to tell what's what without spending a bit of time studying the CSS.
Alternative #3
Ignore what's happening, and put a solid white background behind that left nav bar, so that when the BG image goes under, it doesn't obstruct the navigation. I'd consider this "graceful degradation" considering your % of Opera visitors.
On 29/04/2004, at 1:27 PM, Peter Ottery wrote:
when we launched theage.com.au last week Justin pointed out a way (adding 1px padding to the left of the main "#wrap" div) to make Firefox keep the background image aligned hard left with the content when your browser window was narrower than the content - and stopped the background image becoming mis-aligned with the content.
Even tho that fixed it in Firefox the problem still exists in Opera and mac ie. Heres a screenshot of the new smh site with a browser window set narrower than the content (note the body bg mis-aligned with the left nav):
http://www.c41.com.au/test/opera7_2_squished.jpg
any ideas of a way to make these browsers keep the background image aligned hard left and not adversly affect anything else?
pete
--- Justin French http://indent.com.au
***************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help *****************************************************
