Results 1 to 10 of 12

Hybrid View

  1. #1
    Join Date
    Dec 2009
    Posts
    204
    Plugin Contributions
    0

    Default Anyone using Safari on Mac?

    Hi all, i've got a screenshot of my website on Safary/Mac from browsershots.org and it does not look good. I tested it on IE6,7,8, Firefox, Chrome, Opera and it looks fine. For some reason, on Safari/Mac, the website looks like this:
    [SCR]http://lemy.co.uk/images/abcdef.png[/SCR]

    ,with the whole body shifting to the right, caused by the top menu not aligning properly.
    This is the CSS controling the top menu:
    Code:
    #navMainWrapper{font-size:1.1em;height:23px;line-height:normal;width:957px;}
    
    #navMain {
          float:left;
          width:100%;
    	  font-size: 1.1em;
          }	  
    #navMain ul {
          margin:0;
          padding: 0;
          list-style:none;
          }
    
    #navMain li {
          display:inline;
          margin:0;
          padding:0;
          }
    #navMain a {
          margin:0;
          padding:0 0 0 4px;
          float:left;
          background: url(../my_image) 0 0 no-repeat;  background-position: 0 -208px; height:23px;
          color: #dfdfdf;
          text-decoration:none;
          }
    #navMain a span {
          padding:5px 33px 0 25px;height:18px;
          float:left;
          display:block;
          background: url(../my_image) 100% -185px no-repeat;
          color:#dfdfdf;
          }  
    #navMain a:hover {
          background-position: 0 -254px;
          color: #dfdfdf;
          cursor: pointer;
    
          }
    #navMain a:hover span {
          background-position: 100% -231px;
    	  color:#dfdfdf;
    Also, if for some reason, you can't view the my CSS because of the C/J loader add-on, i should mention that the #mainWrappe and #headerWrapper have a width of 957px.

    Can someone confirm that the website looks like that on Safari/Mac and/or give me some pointers on how to fix this?
    Thanks
    Last edited by Kim; 14 Jul 2010 at 04:58 PM.

  2. #2
    Join Date
    Oct 2008
    Posts
    254
    Plugin Contributions
    0

    Default Re: Anyone using Safari on Mac?

    On my mac and I see differently from what you are saying.

    Firefox shifts everything to the right while Safari and Chrome display correctly. However, the Watches tab is under the Bikes tab in all browsers.

  3. #3
    Join Date
    Dec 2009
    Posts
    204
    Plugin Contributions
    0

    Default Re: Anyone using Safari on Mac?

    Thanks for that, on windows the Watches tab displays properly, can't figure out what might cause it to act like that on Mac's.
    My layout is displaying well even on the pesky IE6 on windows

  4. #4
    Join Date
    Jul 2010
    Location
    Milton Keynes, UK
    Posts
    6
    Plugin Contributions
    0

    Default Re: Anyone using Safari on Mac?

    Firefox and SeaMonkey on my mac displays over to the right like your screenshot, but Safari and Opera looks fine apart from the Watches tab still wraps to the next line.

  5. #5
    Join Date
    Dec 2009
    Posts
    204
    Plugin Contributions
    0

    Default Re: Anyone using Safari on Mac?

    Thanks guys, that's what i'm after, a solution for fixing the display of the menu on Mac. I have no validation errors.
    Around 7-10% of my visits come from Mac's and i would hate to loose them

  6. #6
    Join Date
    Sep 2007
    Location
    Dublin, Ireland
    Posts
    1,288
    Plugin Contributions
    8

    Default Re: Anyone using Safari on Mac?

    I had something similar- The category tabs appeared fine under IE, Firefox and Opera (and Safari on PC) but not Safari on a Mac- My solution was to drop the text size by 1px;
    Andrew

    Andrew Moore
    Omnicia Agile Development
    www.omnicia.com

 

 

Similar Threads

  1. v151 Customer can not check out on IPHONE Safari, MAC OSX Safari
    By kapsolas in forum General Questions
    Replies: 1
    Last Post: 8 Apr 2013, 07:28 PM
  2. v139h sidebox images are stretched in safari on my mac
    By keneso in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 1 Mar 2013, 11:31 AM
  3. deformed images in safari/mac
    By keneso in forum Templates, Stylesheets, Page Layout
    Replies: 2
    Last Post: 15 Sep 2011, 01:35 PM
  4. Mac Safari sessions problem
    By delia in forum General Questions
    Replies: 2
    Last Post: 12 Mar 2011, 12:58 PM
  5. Photos left alligned on mac/safari
    By shannda in forum Templates, Stylesheets, Page Layout
    Replies: 9
    Last Post: 2 Jan 2007, 05:48 PM

Posting Permissions

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