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?
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">
I'm always up for networking with fellow web professionals. Connect with me on LinkedIn
if you like!
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,
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)