but does not really answer my question
Yes, it does. But finding out requires more than the 9 minutes between my previous post and your reply.
I am really wondering how wide can I go without needing to scroll with the ipad or is the screen automatically resized ?
The screen is not resized. It's a bit hard to do that. It's made of glass.
So I gave samples of pages that shows how to calculate the width and height of a page without scrolling.
guess I need to play around with an ipad for a while and test the site ...
Until I have the money for the real thing, I use the iPad simulator that came with the Xcode SDK.
The iPad screen is 1024-by-768-pixels. You could set the page width to the 1024 if you wanted to utilize a wider view requiring the iPad to be rotated. This would necessitate more scrolling but that's easy with the iPad.
Or use 768 for the width for the normal iPod orientation and less scrolling. Personally I would let the height of the page be larger as it's faster to scroll up and down a page than to move to a new page to get additional information.
maybe you did not understand the question ?
Maybe you didn't understand the answer.
Here are 5 ideal sizes :
Try them all and see which one is the ideal one.
Well, the question should really have been, "What is the ideal page width for the iPad?".
The answer is that there isn't one since the iPad, like most portable devices, has two screen widths depending on whether its used in portrait or landscape mode.
If you are designing a layout specifically for the iPad, one solution is to use a folding design where the sidebar folds down to the bottom in portrait and jumps back up to the side in landscape. This will only work for personal computers and iPads.
The popular way of designing a layout to suit a large range of portable devices is to use a liquid, or semi liquid, layout that will automatically adjust to the fixed width browsers used on these devices.
Something like this...
Neither of these methods are possible using a template based editor like iWeb and this is probably one of the main reasons that Apple has given up on the application. Surfing the internet on mobile devices is growing daily and its now become essential to have a mobile version of your website or one that can be viewed on all devices.
Absolutely agree, but I think the OP was just looking for the basic dimensions, whether they're 1024 x 768 or 768 x 1024. That's what I was looking for, not a series of condescending and snarky comments that never revealed the info.
First responder could've easily said the above, and then, for more info and variables, see these links...
As the immortal Rodney King once said, "...can we all get along?"
Just my two cents...
I suppose the whole topic is superlfuous since its not possible to build a website that's "ideal" for the iPad using iWeb due to the fact that it does have two screen widths!
It certainly didn't answer the OP's questions since a quick look at his website will show that it is not really suitable for viewing on an iPad in either landscape or portrait mode.
Its not that they don't display OK. After all, the iPad in landscape mode is as wide as a lot of laptops.
iWeb built sites can be made more mobile friendly by using fingertip sized buttons for navigation, the appropriate input types for launching specific keypads in contact forms and optimizing the files before upload to the server.
There are also quite a few JQuery slideshows out there that allow portable device users to finger swipe through the images.
Avoid dragging movie and music files onto iWeb pages since these require the QuickTime plugin. Use HTML5 - with fallback to flash for those browsers that don't suport it.
Avoid flash completely or, at least, provide fallback to HTML5 if possible. And so on...