dcsimg
www.webdeveloper.com
Results 1 to 3 of 3

Thread: iPad and iPhone Display Issues

  1. #1
    Join Date
    Apr 2009
    Posts
    346

    iPad and iPhone Display Issues

    I have a website that is fairly basic that displays perfectly on PC's, but on iPads and iPhones it appears to have a float issue which I can't figure out.

    The layout is basically this:

    <div id="navigation" style="float: left; width: 200px; height: 400px;"></div>
    <div id="content" style="float: left; width: 800px; height: 600px;"></div>

    The problem is that the content div clears the navigation div on the Apple devices, and shows up below it, while everywhere else it floats left alongside the navigation div like it should.

    Any ideas on why this is happening?

  2. #2
    Join Date
    Sep 2008
    Location
    Akron, OH
    Posts
    1,143
    Maybe the scaling on the device is affecting it? Try adding this meta tag:

    <meta name="viewport" content="width=device-width; initial-scale=1.0">

  3. #3
    Hi Hope I'm naming this correctly, but it was difficult to google so I really have no idea how to fix this... This is my 1st Apple product,

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

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



Recent Articles