[css-d] 1px jog help
Hi everyone, I have a layout that is falling victim to the 1px jog in firefox and wonder if there is somebody could lend a hand. The testing url is http://www.flexcomp.ca.php5-10.websitetestlink.com/ I understand a popular solution is to house the body's background image in a 100% high container instead. While this seemed to work for the vertically repeating image, the use of the next background image at 1600px wide created a very wide site. Maybe I just didn't implement it properly or could be doing this another way? Thanks for any input. __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] 1px jog help
rollandburn wrote: Hi everyone, I have a layout that is falling victim to the 1px jog in firefox and wonder if there is somebody could lend a hand. The testing url is http://www.flexcomp.ca.php5-10.websitetestlink.com/ Changing the margin-left to -1px on the body worked for me in Firebug: body{ background:#00 url(/assets/interface/bg_body.jpg) repeat-y scroll 50% 0; color:#33; font-family:Arial,sans-serif; font-size:0.84em; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal; line-height:1.4em; margin:0 0 0 -1px; padding:0 0 0 1px; } Does that do what you need? --Bill -- !-- ! Bill Brown macnim...@gmail.com ! Web Developologist, WebDevelopedia.com -- __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] 1px jog help
rollandburn wrote: I have a layout that is falling victim to the 1px jog in firefox and wonder if there is somebody could lend a hand. The testing url is http://www.flexcomp.ca.php5-10.websitetestlink.com/ Your layout is falling victim to a designer induced bug :-) Set margins/paddings to zero on all sides on body - not '0 0 0 1px' as you have now, and it'll be fine in all browsers. regards Georg -- http://www.gunlaug.no __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] 1px jog help
Thanks for the speed! I've made the suggested changes and am seeing the jog still in firefox 3.0.7. It is most apparent just above the logo in the header when the window is resized slowly. Hmm... any other thoughts? On 11-Mar-09, at 11:35 AM, Gunlaug Sørtun wrote: rollandburn wrote: I have a layout that is falling victim to the 1px jog in firefox and wonder if there is somebody could lend a hand. The testing url is http://www.flexcomp.ca.php5-10.websitetestlink.com/ Your layout is falling victim to a designer induced bug :-) Set margins/paddings to zero on all sides on body - not '0 0 0 1px' as you have now, and it'll be fine in all browsers. regards Georg -- http://www.gunlaug.no __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] 1px jog help
On Wed, Mar 11, 2009 at 10:56 AM, rollandburn rollandb...@gmail.com wrote: Thanks for the speed! I've made the suggested changes and am seeing the jog still in firefox 3.0.7. It is most apparent just above the logo in the header when the window is resized slowly. Hmm... any other thoughts? Validate. http://jigsaw.w3.org/css-validator/validator?profile=css21warning=0uri=http%3A%2F%2Fwww.flexcomp.ca.php5-10.websitetestlink.com%2F -- -Jack Timmons http://www.trotlc.com Twitter: @codeacula __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] 1px jog help
-Original Message- From: css-d-boun...@lists.css-discuss.org [mailto:css-d- boun...@lists.css-discuss.org] On Behalf Of rollandburn Sent: 11 March 2009 15:57 To: Gunlaug Sørtun; Bill Brown Cc: css-d@lists.css-discuss.org Subject: Re: [css-d] 1px jog help Thanks for the speed! I've made the suggested changes and am seeing the jog still in firefox 3.0.7. It is most apparent just above the logo in the header when the window is resized slowly. Hmm... any other thoughts? You might try fixing slight CSS error - line 13, width needs a parameter. Cheers Ian www.iyesolutions.co.uk __ css-discuss [cs...@lists.css-discuss.org] 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/
Re: [css-d] 1px jog help
very oddi checked the site in my vmware PC IE7 IE6, Firefox and it looks fine. On my MacBook however the site shows the jog not in Firefox 2, but in Firefox 3 and Safari 3.2.1. I've heard that this jog was introduced to firefox3 but the safari jog is strange. Any idears? __ css-discuss [cs...@lists.css-discuss.org] 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/