I have a standard Login Control on a page with a Password recovery control. My webpage is http://www.airlinepilothiring.net/login.aspx

The problem is that when I view on an iPhone (you can see the effect just by resizing the browser) the textboxes for username and password get cut off. I've converted the login control to a template and I still can't see the problem. It seems like there's way too much space between the UserName label and the Username textbox but those are the only two td's and I have no explicit width's set.

Any help would be greatly appreciated!

Hi there,

In your styles.css you set the width of a label to 250px; Since the labels in front of the text boxes are rendered as a <label /> control, they always take up 250 pixels. Removing the width for label in Styles.css should fix the issue.

Cheers,

Imar

__________________
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Follow me on Twitter

Author of Beginning ASP.NET 4.5 : in C# and VB, Beginning ASP.NET Web Pages with WebMatrix
and Beginning ASP.NET 4 : in C# and VB.
Did this post help you? Click the button below this post to show your appreciation!

Worked like a charm! I love it when a fix is easy. Thank you so much for your books and help on your site. I was able to build my site with NO previous experience just from your resources and a some web searches. You do a terrific job and all you hard work is greatly appreciated.

Thanks; glad you like it.

Cheers,

Imar

__________________
Imar Spaanjaars
http://Imar.Spaanjaars.Com
Follow me on Twitter

Author of Beginning ASP.NET 4.5 : in C# and VB, Beginning ASP.NET Web Pages with WebMatrix
and Beginning ASP.NET 4 : in C# and VB.
Did this post help you? Click the button below this post to show your appreciation!

currently I'm working on a project upon the mobile application where somewhat a similar problem came to me .. though i was no9t s aware with this forum at that duration and got it solved through a relevant book .. but next time I'll surely come to this for a help..