Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New to the CF scene
    Join Date
    Jun 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Responsive margin positioning issue in safari

    I have a sort of responsive website where elements are defined as:

    Code:
    a#about{
         margin-left: 10.7%;
         margin-top: 18.8%;
         position: absolute;
         width: 7.4%;
     }
    This works great to maintain the aspect ratio of the element for any resolution. However in Safari everything is moved far up the screen. I have reset my styles as well. Is there a known margin positioning issue with Safari ?

    Here is an example to test the different display in Safari than other browsers.
    http://jsfiddle.net/fsR6A/

  • #2
    Regular Coder
    Join Date
    Mar 2013
    Posts
    262
    Thanks
    4
    Thanked 67 Times in 67 Posts
    I'm looking at it with Chrome and Safari. They look exactly the same to me.
    My signature :)

  • #3
    New to the CF scene
    Join Date
    Jun 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by ttkim View Post
    I'm looking at it with Chrome and Safari. They look exactly the same to me.
    IT should'nt. Drag the result window all the way to the left to see a more visible difference in the positioning. I tested this on various computers


  •  

    Tags for this Thread

    Posting Permissions

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