On Mon, Feb 20, 2012 at 6:18 PM, Philippe Wittenbergh <[email protected]> wrote: > > On Feb 20, 2012, at 9:46 AM, Alex Creedy wrote: > >> […] The pager uses '•' bullets for the dots. >> >> http://www.alexcreedy.com/slider/slider_v2.html >> >> The bullets have a font size: 2em and line-height:1em >> >> The position of the bullets is slightly different in browsers, I have only >> tested on Mac: firefox, safari, chrome so far. > > Short answer: specify a font-family… > Longer answer: as you don't specify a font-family anywhere, you depend on the > browser defaults (which maybe user set) - and on the intrinsic line-height of > said font. On OS X, this is usually Helvetica and Times. Now, WebKit on OS X > (still) has a build-in hack to force the line-height of those two fonts to > match Arial and Times New Roman – hence the difference you see between Gecko > (Firefox) and WebKit (Safari, Chrome).
That explains why we're seeing two different things, too. My Linux and Windows must be using different fonts than your Mac. > If you specify both font-family and font-size, then position your bullets > vertically, they'll be positioned correctly in all browser on a given > platform. There might be small variations between platforms, but that is out > of your control (font-smoothing, etc). > > 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/ ______________________________________________________________________ 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/
