Bottom of page getting cut off
Hey every one.
I am new to php and I am building a web page for fun on a home server I run. the pages seem to work fine on a computer web browser. I tried a few of them(IE, Firefox, Chrome, Safari) and they worked fine.
but when I go to my site from my Iphone or my friends Iphone the bottom of the page gets cut off.
I have two different pages.
2, iphone page.
and when you go to my site there is a redirect script to send the right browser to the right page.
but when I type in the file location on the server for my iphone page it works fine on a computer browser. but not on the mobile Iphone browser (safari).
plz any help would be great.
Thanks Every One!
Here is a link to the site: http://metrikcorp.co.nr/
Here is the link to the Iphone version Mobile site: http://metrikcorp.co.nr/Iphone-Php-Mobile/index.php
P.S: if you want to see the codes just let me know and I can send them to you.
Rendering problem will be an HTML/CSS issue, not a PHP issue. Especially so since it works on desktop browsers but not on mobile. First thing to check would be that it validates against the w3 html validator, and go from there.
As for the second problem regarding the redirect, I would suggest that's also a problem unique to the device. If it works properly on desktop browsers using a 301/307 header, than it sounds like the iphone safari has a pisspoor implementation of the http specifications. That assumes of course that the redirection ruleset doesn't include anything to do with browser specific redirections. The only thing I can suggest is trying a different browser on the iphone, and I haven't a clue what's available for options.
Doesn't sound like this has anything to do with PHP code itself. Moving to building for mobile devices forum.
Thank you for the reply and the great info. I have tried different browser like chrome and Ibrowsfree. Still the same problem on mobile. But at least I know where to start the new search.
And thanks for putting this in there right place to get help.
Is the HTML code identical for both the mobile and the desktop bases? I can't help much on the HTML fixes, but if they are different than that's a different problem (I assumed they were the same and used CSS media controls).
They was. But I made some changes to the iPhone pages html to shrink it down. I just cut off the extra stuff that does not need to be on the iPhone page. But the css are totally different. If you would like give me an email or a IM and I can send you my codes and you can see them.
Thanks for every thing guys.
I and by the way. When I run it on my test server that is just on my network every thing works great. But once I put it on my live server the iPhone page no longer works.
Hope that helps
I have also try it on a Android emulator 3.4" WQVGA (240 x 432: idpi) web browser and it displays basically like i want it to.
problem seems to only be with the iphone web browser(safari).
still Searching every document i can find to try and fix the problem.
and right now no my iphone page and computer page are not the same. i made a new page just for the iphone cause when i was using just one html/php (used media to pick css based on screen size) and using two different css i was having the same problem so i hoped that doing it separate would help with no success.
:thumbsup:Well finally got it to work on the iphone web browse. the problem was in the css. so went over it again to see if there was any thing else that i could cut from the mobile site.
Then i added
Lots more testing to go.
|All times are GMT +1. The time now is 02:13 AM.|
Powered by vBulletin®
Copyright ©2000 - 2013, Jelsoft Enterprises Ltd.