Проблема состоит в том, что DIV, который должен центрировать Ваши таблицы, не имеет никакой определенной ширины. По умолчанию ОТДЕЛЕНИЯ являются элементами блока и поднимают всю ширину их родителя - в этом случае весь документ (распространяющий через #outer DIV), таким образом, автоматический граничный стиль не имеет никакого эффекта.
Для этой техники для работы просто необходимо установить ширину отделения, которое имеет margin:auto к чему-либо, но "автоматический", или "наследуйтесь" (или фиксированное пиксельное значение или процент).
Да, это возможно. Вы должны отключить по умолчанию перемещение сафари. Несколько примеров и ссылок, которые могут вам помочь: http://tlrobinson.net/iphone/lighttable/ http://rossboucher.com/2008/08/19/iphone-touch-events-in-javascript/
В общем да. Mobile Safari поддерживает большинство стандартных событий мыши для касаний (а также некоторых конкретных событий, связанных с прикосновениями). Другие, такие как наведение мыши, вообще не поддерживает. Более подробную информацию можно найти в Руководстве по веб-контенту Safari .