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 > > I have a master css reset, and if I remove "margin: 0px" then it > centers it > correctly but adds a margin to the top of the page. The issue also > gets > resolved if I have content in the center box longer than 560 pixels. > If you > can assist i'd greatly appreciate it.
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;} Philippe --- Philippe Wittenbergh http://l-c-n.com/ ______________________________________________________________________ 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/
