Не влезает в экран iPhone, iPad

[killerok]

[Только зарегистрированные пользователи могут видеть ссылки. ] - первый раз столкнулся с такой проблемой, сделал табличную верстку, а на экране iPhone, iPad отображается с горизонтальным скроллом. У кого какие идеи по этому поводу?

[galaxy]

у меня есть идя: "НЕ делай таблличную верстку в 21 веке"

[alexmif]

div - max min-width таблице - 100% и в ячейке есть такое свойство как overflow: hidden, посмотри в инете.

galaxy а покажи свою лучшую работу!

[Kiselyov]

Давайте, пожалуйста, без "покажи лучшую работу".

Ширина контента сейчас 1020 пикселей — это недопустимо. Т.е. на минимальном разрешении (нетбук) также присутствует скроллинг примерно 20 пикселей шириной — итого даже там будет горизонтальный скроллинг. Кроме того, айпад еще сам немного подрубает края. Сделайте ширину сайта не 1020, а 960 и ваша проблема решится.

[alexmif]

а вот давайте!

[killerok]

Давайте, пожалуйста, без "покажи лучшую работу".

Ширина контента сейчас 1020 пикселей — это недопустимо. Т.е. на минимальном разрешении (нетбук) также присутствует скроллинг примерно 20 пикселей шириной — итого даже там будет горизонтальный скроллинг. Кроме того, айпад еще сам немного подрубает края. Сделайте ширину сайта не 1020, а 960 и ваша проблема решится.

Спасибо за ответ. Смотрите этот сайт [Только зарегистрированные пользователи могут видеть ссылки. ] сверстан так же таблицами, ширина таблицы 1000 и он нормально отображается на iPhone

[galaxy]

удачи (:

[killerok]

Может все же по существу поможете?

[Kiselyov]

Попробуйте под низ белый фон кинуть общий как во второй ссылке, что вы показали.

[killerok]

Попробуйте под низ белый фон кинуть общий как во второй ссылке, что вы показали.

не помогает, пробовал!

[do!]

Почитайте побольше информации по вёрстке, это банально:

The pixel width and height of your page will depend on orientation as well as the meta viewport tag, if specified. Here are the results of running jquery's $(window).width() and $(window).height() on iPad 1 browser.

When page has no meta viewport tag:

Portrait: 980x1208
Landscape: 980x661
When page has either of these two meta tags:

<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">

<meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1">

Portrait: 768x946
Landscape: 1024x690
With <meta name="viewport" content="width=device-width">:

Landscape: 768x518
Portrait: 768x946
With <meta name="viewport" content="height=device-height">:

Portrait: 980x1024
Landscape: 980x1024
With <meta name="viewport" content="height=device-height,width=device-width">:

Portrait: 768x1024
Landscape: 768x1024
With <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width,height=device-height">

Portrait: 768x1024
Landscape: 1024x1024
With <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,height=device-height">

Portrait: 831x1024
Landscape: 1520x1024