Welcome to WebmasterWorld Guest from 18.104.22.168
Forum Moderators: open
There is no real workaround for the bug that I can think of, unless you hack something up with divs and place the BG image in a div rather than on the body element.
The bug wasn't there in Opera 6.
Aligning a body background image to the page elements with pixel perfect precision is often a gamble, cross-browser. It doesn't matter whether you call the background image with CSS or use the old-school <body> tag method.
It's the page itself that can shift, not the background image. Problems can come from the default margins and padding which various browsers assign to the block level elements. Unless you are meticulous at defining all these rules, surprises can creep in.
Also, depending on the layout, variations in a browser's font rendering can push various elements a few pixels one way or another.
That said, I'm not aware of a change in these areas for Opera 7. But I didn't get serious about designing for Opera until version 6. To resolve this problem, I think you may need to need to pull your layout apart to find where the problems get generated.
I also added the same info to my <body> tag:
<body background="images/top_set.jpg" leftmargin="0" topmargin="0">
And after that Opera rendered the page just fine. I may be wrong but such a simple fix tells me that opera was fumbling with correctly interpreting the CSS body element.
border:2px solid red;
background:url(name_of_image.gif) no-repeat bottom right;
The red border will show the edges of the body element - the image should be within this zone, but in Op7, the image creeps outside.