Posted by kareem on 16 Sep 2008
I'm having a problem trying to get a basic form to look reasonably well on a couple of different devices.
I'm targeting blackberry and windows mobile devices. Here's the issue.
I have a simple textbox and a select and I want them to be 100% the width of the screen.
Windows Mobile devices render the select properly, but only render the textbox about 80% of the width no matter what I try. From 100% to 500px it still renders the same.
That I can live with, but the real issue is blackberries.
They seem to completely ignore any width properties and just render out however they want.
Textboxes seem to always render the same size regardless of content, and select render out to match the largest item in the list.
I've tried setting the width attribute, the style attribute and using separate stylesheet. Nothing seems to work.
The only thing that has any effect on the blackberry rendering is using the size attribute, but I can't use that because I don't know the width of the various screens and how many characters that would be.