newseed 13 Posted August 25, 2009 Report Share Posted August 25, 2009 I need someone with Firefox on a MAC computer to check this page for me. ma dcowcut lery.com/default-temp.asp (remove spaces) The issue is the top nav. The according to one user, the About Us that should be floating to the far right is instead dropping down to the next line under Home. The issue is how MAC treats fonts. I would have to adjust the padding to be about 24px less to get it to fit into one line. This will not be satisfactory to me because then all the Windows based browsers will have the big gap at the far right. Does anyone know of a solution? Any type of MAC only hack? I have found a few but they were geared toward old IE5 and most are dated. Quote Link to post Share on other sites
dms 0 Posted August 25, 2009 Report Share Posted August 25, 2009 The user is correct and you also have the same problem while using Safari and Opera while on a Mac. Could you code for Mac/Firefox and then use conditional comments to adjust for IE. Quote Link to post Share on other sites
newseed 13 Posted August 25, 2009 Author Report Share Posted August 25, 2009 (edited) Nada because it doesn't break for Firefox for Windows. So if I code it to make it work for Mac then it will not look right for Windows. I rather code for the 95%. In saying, everything looks good on the PC and not the Mac regardless of which browser is being used. This brings me back to the root of the problem which is how Mac displays fonts differently than Windows. Edited August 25, 2009 by newseed Quote Link to post Share on other sites
virtual 3 Posted August 25, 2009 Report Share Posted August 25, 2009 (edited) It didn't drop the line for me on Opera 9.64, but it did on Firefox and Safari. Edit: Well it looks like you fixed it because now the About Us is aligned with the rest. Edited August 25, 2009 by virtual Quote Link to post Share on other sites
newseed 13 Posted August 25, 2009 Author Report Share Posted August 25, 2009 Yeah, I just got it done. I changed my approach from a suggestion that was given to me and that is that I defined each of the link a width to fit the text, removed the padding, added text-align: center and move the transparent background hover image from to . Quote Link to post Share on other sites
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.