HTML - Ipad Bug Help
hello, i can not get the layout on the ipad right for a client. I do not own an ipad and am paying per minute of processing time to test. can someone please tell me what is wrong?
http://sinupulse.com/index.php?p=1nf It is either to small or to large everytime either i or the site owner have tested it. thanks, Travis Similar TutorialsHi there, I cannot figure out why this mp4 video will not play on ipad/iphone - i generated the video in 720 width at 30 fps. Please help, thanks. http://leilanimunter.com/12-02.14.htm Ok, I've been designing this site: www.patbianco.com.au and I have small problem I havent been able to solve. The design is specifically for an ipad, and I''ve been using the ipadpeek.com site to help me to check the site aswell as a borrowed ipad. The site works great landscape, but once turned to portrait it gets scaled, the header should be the width of the screen. It's not just he header that is scaled, its the whole page. Here a screen shot of landscape: http://i53.tinypic.com/2sb4dhe.jpg Here a screen shot of portrait: http://i52.tinypic.com/2lj5pau.jpg Portrait CSS: http://pastext.net/2550 HTML: http://pastext.net/2551 Thanks In advance if anyone is able to help me. Hopefully there is, as I'm on a deadline Apple is obviously rejecting Flash to protect it's 'App' revenue. I've been on Android phones that run Flash and display all my content perfectly smooth. It can be quite frustrating how they are trying to bury it when I still have yet to see HTML5 replicate the type of interactive content Flash is capable of producing. Is there any way to display a message on the iPad when the Flash player is not found? I'd like it to says something along the lines of: "Unfortunately the Apple iPad does not support the Flash player because their business interests do not want it taking away from their App revenue. Did you know that the Dell Streak, HTC Flyer, Blackberry Playbook, Motorola Xoom, Samsung Galaxy Tab, Toshiba Thrive, and HP Touchpad all support the Flash player?" My HTML code looks something like this... <html> <head> <title>My Page</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#ECECEC" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <body onresize="setFlashSize()"> <div id="flashid" style="width:100%; height:100%;"> <script type="text/javascript" language="JavaScript"> function setFlashSize(){ var viewportheight = document.body.clientHeight; var viewportwidth = document.body.clientWidth; var mydiv = document.getElementById("flashid"); var styleheight = parseInt(mydiv.style.height); var stylewidth = parseInt(mydiv.style.width); if (viewportwidth<880){ document.getElementById("flashid").style.width = 880+"px"; } else { document.getElementById("flashid").style.width = 100+"%";} if (viewportheight<760){ document.getElementById("flashid").style.height = 760+"px"; } else { document.getElementById("flashid").style.height = 100+"%";} } setFlashSize(); document.write('<object data="index1.swf" width="100%" height="100%" type="application/x-shockwave-flash">'); document.write('<param name="movie" value="index1.swf" />'); document.write('<param name="allowScriptAccess" value="always" />'); document.write('</object>'); </script> <noscript>Javascript must be enabled to view Flash movie</noscript> </div> </body> </html> My site is built with Microsoft Frontpage. I am willing to rebuild in Dreamweaver but I know it will take a very long time. My goal is to have my site display nicely on Ipads and Mobile phones. It looks good now except for the swf movie on my home page. Any ideas how to convert a swf movie to play on Ipads and mobile phones? Thanks! |