SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist
    Join Date
    Oct 2005
    Posts
    405
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    FF & Chrome Window and Mac Issue

    Hi,

    I've got a site layout which I'm resolving some css issues on and one in particular is to do with the padding and margin on the search bar in FF & Chrome in Windows & Mac.

    Currently the search bar lines up perfectly on the right side of the header in FF & Chrome on Windows but doesn't on the the Mac.

    Is there any reason for this given it is the same browser?

    Thanks

    http://hottech.rollertestingserver.co.uk/

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,299
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    At first, they looked the same to me on Windows and Mac, but then I saw that the search box is not fully to the right on Mac. Browsers have their quirks and differences, partly because of different systems. You could just set the search box to float: right instead of float: left.

  3. #3
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,813
    Mentioned
    34 Post(s)
    Tagged
    2 Thread(s)
    On top of what ralph said, fonts on Mac's and PCs are different ( even the same font-name)... I would either average out the difference AND/OR set line-height :1. Also setting padding based on ems might give you more control.

    Hope that helps.


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
  •