Jump to content

Recommended Posts

Posted

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.

Posted

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.

Posted (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 by newseed
Posted (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 by virtual
Posted

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
  • .
  • 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.

    Guest
    Reply to this topic...

    ×   Pasted as rich text.   Paste as plain text instead

      Only 75 emoji are allowed.

    ×   Your link has been automatically embedded.   Display as a link instead

    ×   Your previous content has been restored.   Clear editor

    ×   You cannot paste images directly. Upload or insert images from URL.

    Loading...
    ×
    ×
    • Create New...