SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Hybrid View

  1. #1
    SitePoint Guru
    Join Date
    Jul 2003
    Location
    england
    Posts
    819
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    NavBar not on right in FF Mac

    Can someone tell me why the navbar is not displaying on the right side of the banner in FF Mac? or what I need to fix to move it to the right?

    Thank you.

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,350
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    It's probably because the text is slightly wider on a mac so reduce the padding on the anchor slightly.

    e.g.

    Code:
    .sf-menu a{padding:0.75em .9em}

  3. #3
    SitePoint Guru
    Join Date
    Jul 2003
    Location
    england
    Posts
    819
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the tip.

    I did wind up forcing the navbar to absolute and to the right, setting the top margin differently. It seemed to have done the trick.

    It's good to know though about the Mac fonts being a tad wider.

    Thank you.

  4. #4
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,350
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    Quote Originally Posted by toad78 View Post
    Thanks for the tip.

    I did wind up forcing the navbar to absolute and to the right, setting the top margin differently. It seemed to have done the trick.
    Yes that would would work also

    It's good to know though about the Mac fonts being a tad wider.

    Thank you.
    Yes where you have something that fits by virtue of its content only then you can't rely on it being the same size cross browser as there are just too many variables to take into account not to mention basic rounding errors.

    It's always safer to make sure the element either has width that fits when space is tight or add a few pixels leeway.

    I often see small differences across platforms and indeed cross browsers so I always say just leave a little extra breathing space

  5. #5
    SitePoint Guru
    Join Date
    Jul 2003
    Location
    england
    Posts
    819
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the tip! Even though I'm not a Mac user, it's good to know there's plenty of you here to check the work for me!

    Thank you!


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •