Re: [css-d] Borders oddity when page viewed in Chrome
On 5/3/2011 12:45 AM, css-d-requ...@lists.css-discuss.org wrote: On May 1, 2011, at 6:16 AM, Keith Purtell wrote: I noticed the following problem today when I view my splash page in Google Chrome. The lower borders in the navigation box render normally, but all vertical and topmost borders are too light. I'm baffled. http://www.keithpurtell.com/kthings/chrome.png Interesting? Which OS is that ? And which version of Chrome ? Looking at the screenshot, the lower borders are rendered twice - once the expected color, once a lighter shade. Looks more like an issue with graphics rendering libs. it is like the borders are not painted hooked on the pixel grid (painted between 2 pixels). Does it changes if you resize the window slightly (making the width an even or odd number of pixels) ? #navigatex is set to have a width of 604px (even), but due to margin: auto, it doesn't always land exactly on the pixel grid, depending on the width of the parent blocks(s)/viewport. Each LI has a computed height of 109px (odd number !) on my system. Philippe, David, et al... Sorry for the ridiculously tardy reply. Something big came up. I took all the suggestions and reworked the style sheet wherever it seemed appropriate. The results were successful. Thank you! -KP __ css-discuss [css-d@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/
[css-d] Borders oddity when page viewed in Chrome
Well, I expect quirks from IE, but I noticed the following problem today when I view my splash page in Google Chrome. The lower borders in the navigation box render normally, but all vertical and topmost borders are too light. I'm baffled. http://www.keithpurtell.com/kthings/chrome.png - Keith Purtell __ css-discuss [css-d@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] Borders oddity when page viewed in Chrome
On 1/05/2011 7:16 AM, Keith Purtell wrote: Well, I expect quirks from IE, but I noticed the following problem today when I view my splash page in Google Chrome. The lower borders in the navigation box render normally, but all vertical and topmost borders are too light. I'm baffled. http://www.keithpurtell.com/kthings/chrome.png - Keith Purtell Me too. The borders look the same in both FF 4 and Chrome 10 on Windows 7. -- Alan Gresley http://css-3d.org/ http://css-class.com/ __ css-discuss [css-d@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] Borders oddity when page viewed in Chrome
On May 1, 2011, at 6:16 AM, Keith Purtell wrote: I noticed the following problem today when I view my splash page in Google Chrome. The lower borders in the navigation box render normally, but all vertical and topmost borders are too light. I'm baffled. http://www.keithpurtell.com/kthings/chrome.png Interesting… Which OS is that ? And which version of Chrome ? Looking at the screenshot, the lower borders are rendered twice - once the expected color, once a lighter shade. Looks more like an issue with graphics rendering libs. it is like the borders are not painted hooked on the pixel grid (painted between 2 pixels). Does it changes if you resize the window slightly (making the width an even or odd number of pixels) ? #navigatex is set to have a width of 604px (even), but due to margin: auto, it doesn't always land exactly on the pixel grid, depending on the width of the parent blocks(s)/viewport. Each LI has a computed height of 109px (odd number !) on my system. (I can't repro the issue on OS X 10.6.7 nor on Ubuntu 11.04) I'm baffled. I'm not really. Looking at Chrome on Ubuntu 11.04 and 10.10, I see quite a few issues at the level of graphics rendering. All (very) small things (slightly distorted characters, uneven rounding in corners,…) but they add up quickly. I don't see those with Epiphany 2.31b, which also uses WebKit. That leads me to believe that those problems are in Chrome's Skia graphics rendering engine. Philippe -- Philippe Wittenbergh http://l-c-n.com/ __ css-discuss [css-d@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] Borders oddity when page viewed in Chrome
On 4/30/11 5:16 PM, Keith Purtell wrote: Well, I expect quirks from IE, but I noticed the following problem today when I view my splash page in Google Chrome. The lower borders in the navigation box render normally, but all vertical and topmost borders are too light. I'm baffled. http://www.keithpurtell.com/kthings/chrome.png - Keith Purtell re: http://www.keithpurtell.com/kthings/index.htm Keep it simple. Best, Studs T. Division Street Chicago PS Easier said than done :-) . -- http://chelseacreekstudio.com/ http://chelseacreekstudio.com/fa/ __ css-discuss [css-d@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/