On Jun 18, 2009, at 12:42 AM, Andrew Frazier wrote:
>
> http://organized.gloderworks.net/indexnew.php
> (stylesheets here: http://organized.gloderworks.net/stylesheet.css and
> here: http://organized.gloderworks.net/structure.css)
>
> I have a horizontal menu, with vertical lines between each item. In
> most
> browser/OS combinations[1] I have tested the outermost verticals are
> approximately 2px from each end of the background band of colour.
> However, in Firefox on the Mac (my version is 3.5pre, but it has also
> been tested in the current stable version) the right-hand vertical is
> considerably further in from the end; rather than being a margin or
> padding issue, though, it appears to be the way the fonts are being
> rendered as they look much narrower in this browser.
>
> Anybody know how I can make Mac/Firefox do what I want and have the
> page
> look the same as in the other broswers?
Advanced kerning and ligatures are automatically turned ON in Firefox
mac (On FX windows/linux, it only kicks in at 20px font size). This
makes the whole navbar slightly shorter on Fx Mac.
If you want to 'break' (disable) this: use the letter spacing
property. Eg
#nav {letter-spacing: 0.1px}
(and Arial -the used font has on my side- has crummy ligatures; using
Helvetica Neue as David suggests gives nicer and more readable results).
But I wouldn't worry about that navbar being a few pixels shorter on
Fx Mac.
Your site doesn't hold well together for users who set a minimum font-
size higher than 13px, or who zoom in the text to make it more readable.
Philippe
---
Philippe Wittenbergh
http://l-c-n.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/
