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 Coder
    Join Date
    Feb 2007
    Posts
    26
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Safari Browser on iPad

    I am preparing a sample home page for a new site.

    Using an iPad to preview the site, I noticed that the horizontal navigational links/menu appear 3 to 5 pixels lower than desired within the header section.

    Using the Safari 5.1 browser on a Macbook pro, the position of the nav links appears to be correct. I intended to have the green-colored nav strip appear flush with the bottom of the image in the upper right corner.

    What is causing the iPad Safari browser to lower some of the elements?

    Also, I noticed a few other differences on the iPad:

    The footer below the main content area appears to have a hairline border on the left, right and bottom sides.

    The telephone and fax numbers are automatically being converted into blue, underlined links? Is there any simple what to not have telephone numbers become links on an iPad?

    The sample page is located at:
    http://mrpcweb.com/abd/sample1

  • #2
    New Coder
    Join Date
    Feb 2007
    Posts
    26
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Doing some research on-line, I came across the following meta tag that appears to remove the automatic detection of phone numbers as links:

    meta name="format-detection" content="telephone=no"

  • #3
    New Coder
    Join Date
    Feb 2007
    Posts
    26
    Thanks
    1
    Thanked 0 Times in 0 Posts
    The following meta tag disables zooming on the iPad, but at the same time, removes the unwanted hairline borders that were showing up around my footer section:

    <meta name="viewport" content="initial-scale=1, maximum-scale=1">


  •  

    Posting Permissions

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