Thu, 2009-07-02 22:48
Hello,
I am working on a mini-site for my music lessons business: http://www.jmlmusic.ca/. My code has NOT been validated. I know it is flowing with errors. I am still new to writing valid code, so I am still trying to change my bad habits. So, I apologize in advance.
Anyway, my question here has to do with developing for mobile browsers; specifically the iPhone browser. I am happy with the general layout working in the newest desktop browsers, but the background image is acting funny in my iPhone browser. On my iPhone it looks like this: http://www.jmlmusic.ca/_misc/jml_problem_iphone.PNG. The background seems to be scaled down to fit the screen? Any thoughts?
Thank you,
Jesse
Fri, 2009-07-03 17:29
#1
jesseleite wrote: My code
Sun, 2009-07-05 13:53
#2
how are you accessing the
how are you accessing the internet with the iPhone?
my (limited) understanding (please correct me if I'm wrong) is that over wifi the iPhone reads the 'normal' stylesheet, but over EDGE, with it's limiting bandwidth, will accept the alternate screen stylesheet.
Sun, 2009-07-05 17:00
#3
WOLFCRY911: it was over
WOLFCRY911: it was over wifi that i discovered the problem. however, i found in apple documentation this info:
"If you include very large images on your pages, Safari on iPhone might alter the layout of the page to accommodate the smaller size. For best results, you should supply reduced size images." ...http://developer.apple.com/webapps/designingcontent.php
so, in the end i fixed it by making a second background that was only 950px wide (rather than a couple thousand px wide), including a separate css file that will adapt the mobile browser (if detected) to read the second style sheet. all the second stylesheet did was change the body background url to the optimized background image. then i included a line in my html header setting the viewport on mobile devices to be 950px wide max. it runs smoothly now, both on a desktop, and on the iphone.
DEUCE: as you can see, the problem was with how the iphone browser rendered my background image; validating my code wouldn't have worked Deuce. i do not appreciate your reply as it was in no way helpful to me. i hate to bash, but now i remember why i stopped using this forum a while ago; some of the people here are fairly inconsiderate and like to criticize before they help. i wasn't asking for someone to tell me to validate my code. i was asking if anyone knew why my background image was being scaled down on the iphone. ......HOWEVER, i DO see the value in validating my code, and like i said i am working on doing so. i really would like to be able to write good clean valid code from scratch.
anyway, thanks guys. if any admins/moderators here wish to delete my account; i will not be using this forum any longer.
Sun, 2009-07-05 21:59
#4
jesseleite wrote:DEUCE: as
DEUCE: as you can see, the problem was with how the iphone browser rendered my background image; validating my code wouldn't have worked Deuce. i do not appreciate your reply as it was in no way helpful to me. i hate to bash, but now i remember why i stopped using this forum a while ago; some of the people here are fairly inconsiderate and like to criticize before they help. i wasn't asking for someone to tell me to validate my code. i was asking if anyone knew why my background image was being scaled down on the iphone. ......HOWEVER, i DO see the value in validating my code, and like i said i am working on doing so. i really would like to be able to write good clean valid code from scratch.
It's near impossible for us to do much of any investigation on your problems if we have to look at invalid code. There are too many possible issues with invalid code to try and figure out your precise issue. iPhone issue or not, these are standard rules we expect you to follow whenever you post. We have tons of stickies all over the forum to ensure you have posted all your code or a link and that it's validated.
I'm sure if you never want to come back, you don't have to... account deleted or not.
Also, I'm sure if you ask politely you can get a full refund.