Это MWEB.RU

**Berezkin** Пн фев 18, 2008 15:45

Кто-нить занимался?
Тут надо адаптировать сайтик один для PDA, так вот сразу же столкнулся с проблемой:
Почему когда я указываю

Код: Выделить всё: .top { width: 100%; }

всеравно видна горизонтальная полоса прокрутки?

И растягивается все черти как... хотя вроде все рекомендуют делать резину.
Тестил на Windows Mobile 5.0 (или 6.0)

**Muerto** Пн фев 18, 2008 17:06

А паддингов у класса нет? А маргинов у дочерних элементов со стопроцентной шириной нет?
Если ничего подобного нет - попробуй выставить max-width: 100%;

**Berezkin** Пн фев 18, 2008 18:12

я поставил

Код: Выделить всё: * { margin: 0px; padding: 0px; } /* для верности */ body { margin: 0px; padding: 0px; } .top { width: 100%; } .middle { width: 100%; } bottom { width: 100%; }

так что не должно быть ничего такого.

попробуй выставить max-width: 100%;

спасибо попробую.

А сам макет примерно такой:

Код: Выделить всё: <div class="top"></div> <div class="middle"> <table cellpadding="0" cellspacing="5" border="0"> <tr> <td> бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла бла </td> </tr> </table> </div> <div class="bottom"></div>

Никаких флоатов и пр., все четко друг под другом.

**Muerto** Пн фев 18, 2008 19:22

Убери 100% в CSS. У тебя они и так по-умолчанию.

**Berezkin** Пн фев 18, 2008 21:06

Пробовал - нифига не помогает...

**Muerto** Пн фев 18, 2008 22:11

Я и не говорил, что это поможет. Просто зачем умолчательные значения вбивать.
Приведи весь код, а то я что то не вижу проблемных мест. А лучше выложи файл в сеть - я сам посмотрю с пода.

**Berezkin** Вт фев 19, 2008 10:40

Вот тут страничка
http://www.webworks.ru/velvet/pda/index.html

Кстати, почему не видно буллетов у списка слева? Тож с отступами какая фигня чтоли?

**Muerto** Вт фев 19, 2008 12:37

Berezkin писал(а):Кстати, почему не видно буллетов у списка слева? Тож с отступами какая фигня чтоли?

Код: Выделить всё: ul, li {list-style-position:inside;}

Рекомендую поставить доктайп:

Код: Выделить всё: <!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head><title>Velvet</title>

Чуть попозже посмотрю на страничку.

**Berezkin** Вт фев 19, 2008 12:59

А при таком доктайпе все теги должны быть в XML стиле?

Переделал все как посоветовал

**Muerto** Вт фев 19, 2008 13:13

Просмотрел под шестеркой. Никакого скролла.
Да эксемельные.

**Berezkin** Вт фев 19, 2008 13:22

Посмотри сейчас, это я копался в коде

Кстати, если задать фиксированную ширину (240px), то все равно видна горизонтальная полоса прокрутки. А вот если задать width: 240px; для body (!), то все отображается нормально...
Чет я вообще ничего не понимаю...
Может есть какие статьи на эту тему почитать?

**Muerto** Вт фев 19, 2008 13:49

http://www.openmobilealliance.org/tech/ ... index.html если с аглицким в дружбе.

**Berezkin** Вт фев 19, 2008 13:59

Чет я там не вижу толком ничего. Там только спецификации, а мне бы список поддерживаемых свойств CSS и HTML тэгов...

Так как сейчас отображается?

Вот тут инфу некоторую нашел http://msdn2.microsoft.com/en-us/library/bb415489.aspx

**Muerto** Вт фев 19, 2008 14:14

Посмотреть уже не могу - брал на время у сотрудника КПКшку. Попробуй ввести скрипт показывающий screen.width или self (не знаю что там опера мобайл поддерживает) при загрузке.

**Berezkin** Вт фев 19, 2008 14:28

2Muerto: Там не опера а эксплорер... а КПК у самого нету, смотрел на коммуникаторе начальника.

**Berezkin** Вт фев 19, 2008 16:26

Хз... может у начальника Mobile IE какой глючный, или в настройках че-то, но сейчас с майкрософта скачал эмулятор КПК с Windows Mobile 5.0 так там все нормально отображается - никаких полос прокрутки... все ок.

Непонятно одним словом...

**Muerto** Вт фев 19, 2008 17:13

Ну, слава Джа. Я было подумал, что это я уже глючить начал! -06-

**Berezkin** Вт фев 19, 2008 17:44

Короче начальник сказал: "Верстай под эмулятор и хуй с ним!" Ну я, как говориццо, человек маленький...

В любом случае спасибо за помощь -22-

**Muerto** Вт фев 19, 2008 22:28

Была бы помощь! Я хоть два сайта заверстал под КПК, а до сих пор не пойму что там работает, а что нет! -06-

Это MWEB.RU

Верстка под PDA

Верстка под PDA

Кто сейчас на конференции