Your viewport line looks correct.
1) Take the "pt" off margin in your body CSS declaration. It should just be
"margin:0;"
2) Try taking out the scroll and 0% from your body's background declaration.
I'm assuming you just want the background to repeat over the whole page?
Then all you need is the repeat.
3) remove style="-webkit-text-size-adjust: none;" from your <body> tag. You
already have it set in the body CSS tag, but maybe it wasn't firing because
of the pt on your margin. Maybe it was. I know if you have an invalid CSS
tag, it can stop the rest of that CSS declaration, in this case your CSS
body, from firing. The -webkit-text-size-adjust line comes after the margin
line, so if the pt was throwing it off, it would stop the -webkit line from
working.
4) Add these to your CSS body declaration:
min-width:320px;
max-width:480px;
min-height:320px;
max-height:480px;
I haven't actually noticed the min/max-height working the way they should,
so you can add those last two or not.
Let me know if that helps.
-=Randy
On 8/3/07 3:34 AM, "rajk" <[EMAIL PROTECTED]> wrote:
>
> Sorry, I am not able to give the url.
>
> I am trying to make it very simple and it will be like this.
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";>
> <html xmlns="http://www.w3.org/1999/xhtml";>
> <head>
> <title>My Page</title>
> <meta name="viewport" content="width=320, initial-scale=1, maximum-
> scale=1,
> minimum-scale=0.6667, user-scalable=no;"/>
> <style>
> body {
> background:#C0C2C9 url(images/pinstripe.png) repeat scroll 0%;
> color:#000000;
> font-family:Helvetica;
> margin:0pt;
> overflow:hidden;
> -webkit-text-size-adjust: none;
> }
> </style>
> </head>
> <body style="-webkit-text-size-adjust: none;">
> Test page
> <form name="search" id="search" method="get" action="../Search1">
> <table border="1" ><tr><td align="left" height="21" ><font
> size="2">Search </font></td>
> <td align="left" ><font size="2"><input type="text" height="4"
> name="name" </font> </td></tr><tr><td></td><td>
> <div align="left" style="margin-left: 47px;margin-top: 5px;">
> <input type="submit" value="Search" />
> </div>
> </td></tr></table>
> </form>
> <a href="http://www.abc....com";>mylink</a>
> </body>
> </html>
>
>
>
>
>
>
> On Aug 2, 4:23 pm, Randy Walker <[EMAIL PROTECTED]> wrote:
>> Rajk,
>>
>> It sounded like your initial issue was that your page was really small,
>> ie.zoomed out as if the page were a lot larger and iphone was trying to
>> render what it thought was the whole thing, no?
>>
>> If so, then it sounded to me like you didn't have the viewport scale set in
>> your header.
>> <meta name="viewport" content="width=320, initial-scale=1, maximum-scale=1,
>> minimum-scale=0.6667, user-scalable=no;">
>>
>> What is the URL to your page so I can take a look?
>> -=Randy
>>
>> On 8/2/07 4:17 AM, "rajk" <[EMAIL PROTECTED]> wrote:
>>
>>
>>
>>
>>
>>> Hi Randy,
>>
>>> Thanks for quick replay.
>>> If i am not wrong, I need to use "-webkit-text-size-adjust: none" in
>>> style. But still getting same problem.
>>> In iPhoney simulator its showing correctly untill i wont browse any
>>> other regular urls. its working fine if i use my own html pages
>>
>>> -rajk
>>
>>> On Aug 2, 3:01 pm, Randy Walker <[EMAIL PROTECTED]> wrote:
>>>> Welcome Rajk,
>>
>>>> Have you read the developer guidelines? Specifically the viewport
>>>> settings.http://developer.apple.com/iphone/designingcontent.html
>>
>>>> -=Randy
>>
>>>> On 8/2/07 2:55 AM, "rajk" <[EMAIL PROTECTED]> wrote:
>>
>>>>> Hi,
>>
>>>>> I am new to iPhone. My html pages desinged for iPhone are working
>>>>> prorperly in Safari 3.0 beta. But they are showing as very
>>>>> small( reducing into 50% of its orginal page size) when I access same
>>>>> pages in simulators and iPhone, .
>>
>>>>> Can anyone help me to fix this problem.
>>
>>>>> Thanks in advance.- Hide quoted text -
>>
>>>> - Show quoted text -- Hide quoted text -
>>
>> - Show quoted text -
>
>
> >
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"iPhoneWebDev" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/iphonewebdev?hl=en
-~----------~----~----~----~------~----~------~--~---
