I've created a website that I intend to be optimized first for iPhone, and second for other hi-res smartphones especially Blackberry, and also effective on PC for its very simple single purpose and message.
The website's sole purpose is a short illustrated preview of my new eBook, available for Kindle and Kindle-to-iPhone, and also via MobiPocket for PC plus Blackberry and diverse other handhelds. For this website, I don't want the big garden of diverse sidebars and links that most websites offer, just the opposite: one short illustrated message.
For putting up websites, I am nothing but WYSIWYG.
So I made a single scrolldown . . . after testing on the target devices, I concluded I had to put everything including texts into images of uniform width stacked in a single vertical column, to keep control over how diverse devices display it. Had no concern about pixel width of the stacked images, used 900.
For links at the bottom, used 900-wide images there too.
On my iPhone, Blackberry Bold, and PCs, it does just what I want. iPhone and Blackberry Bold both automatically display its full width at their full display widths, which is crticially important especially for the illustrations.
If anyone wants to create this simple and single-mided a website that works well on iPhone and other hi-res smartphones, take a look at this one:
www.financialpicture.net.