> On Aug 8, 2008, at 4:39 AM, Annesta wrote: > >> In FF3, my layout is shifted to the right by one pixel and I'm not sure why. >> It seems to look OK in IE7 and Safari, but it's still driving me crazy as I >> use FF. >> I've tried everything... >> >> Here is a screenshot of what it's doing in FF3: >> http://www.giveyourdreamaheartbeat.com/pixelshift.jpg Page with issues here: >> http://www.giveyourdreamaheartbeat.com/subpagetest.php CSS here: >> http://www.giveyourdreamaheartbeat.com/master.css >> http://www.giveyourdreamaheartbeat.com/site.css >> [...] On Fri, 8 Aug 2008 09:35:44 +0900, Philippe Wittenbergh wrote: > > > It is a bug in Firefox 3.01/Gecko 1.9.0.1. > If the width of the window is an even number, the gap disappears. An odd > number shows > the issue. > > This was discussed last month, with a possible solution in this post: > <http://css- > discuss.markmail.org/search/?q=Philippe%20Wittenbergh#query:Philippe%20Wittenbergh+page:1+ > mid:l6u56mvchwj72257+state:results >> >> > Basically: add an additional div that wraps everything in your page, and > attach the > background-image to that div (instead to the body). Make that div as wide as > needed to > contain the background image (the little 'shadows' on left and right), and > give it > {margin:0 auto;} > >
FWIW Philippe's suggestion gets around a bug in IE7 at the same time. When you "zoom" your page in that browser, your lovely shadow disappears. While "zoom" magnifies most of the page, including images, any background image on BODY is *not* enlarged-- hence the disappearing shadow. Cordially, David -- ______________________________________________________________________ css-discuss [EMAIL PROTECTED] 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/
