gethinw Posted October 30, 2008 Share Posted October 30, 2008 Hi all, I'm adding borders around links using: padding:2px 10px; border:solid black 1px; This works fine in most browsers (IE, Safari, Firefox on PC), but on Firefox (3.0.1) on OSX the border is drawn in a slightly different place - it uses the full height of the text (ie from the top of capitals, to the bottom of 'y's and 'g's) as the reference, whereas the other browsers seem to just use the height of capital letters as a reference. This means that in Firefox on OSX the border appears to be too near to the top of letters - see attached images to see the differences. Does anyone know a way to fix this? I've got a basic reset stylesheet (just resetting border, margin, and padding to 0), do I need more than this? Thanks for your help! [attachment deleted by admin] Link to comment https://forums.phpfreaks.com/topic/130704-text-border-padding-problem-with-firefox-osx/ Share on other sites More sharing options...
rarebit Posted November 5, 2008 Share Posted November 5, 2008 'line-height' might do the trick? Link to comment https://forums.phpfreaks.com/topic/130704-text-border-padding-problem-with-firefox-osx/#findComment-683137 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.