[Only registered and activated users can see links. Click Here To Register...] - первый раз столкнулся с такой проблемой, сделал табличную верстку, а на экране iPhone, iPad отображается с горизонтальным скроллом. У кого какие идеи по этому поводу?
Вид для печати
[Only registered and activated users can see links. Click Here To Register...] - первый раз столкнулся с такой проблемой, сделал табличную верстку, а на экране iPhone, iPad отображается с горизонтальным скроллом. У кого какие идеи по этому поводу?
у меня есть идя: "НЕ делай таблличную верстку в 21 веке"
div - max min-width таблице - 100% и в ячейке есть такое свойство как overflow: hidden, посмотри в инете.
galaxy а покажи свою лучшую работу!
Давайте, пожалуйста, без "покажи лучшую работу".
Ширина контента сейчас 1020 пикселей — это недопустимо. Т.е. на минимальном разрешении (нетбук) также присутствует скроллинг примерно 20 пикселей шириной — итого даже там будет горизонтальный скроллинг. Кроме того, айпад еще сам немного подрубает края. Сделайте ширину сайта не 1020, а 960 и ваша проблема решится.
а вот давайте!
Спасибо за ответ. Смотрите этот сайт [Only registered and activated users can see links. Click Here To Register...] сверстан так же таблицами, ширина таблицы 1000 и он нормально отображается на iPhoneЦитата:
Давайте, пожалуйста, без "покажи лучшую работу".
Ширина контента сейчас 1020 пикселей — это недопустимо. Т.е. на минимальном разрешении (нетбук) также присутствует скроллинг примерно 20 пикселей шириной — итого даже там будет горизонтальный скроллинг. Кроме того, айпад еще сам немного подрубает края. Сделайте ширину сайта не 1020, а 960 и ваша проблема решится.
удачи (:
Может все же по существу поможете?
Попробуйте под низ белый фон кинуть общий как во второй ссылке, что вы показали.
не помогает, пробовал!Цитата:
Попробуйте под низ белый фон кинуть общий как во второй ссылке, что вы показали.
Почитайте побольше информации по вёрстке, это банально:
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