My OperaThe My Opera forums have been replaced with forums.opera.com. Please head over there to discuss Opera's products and features
See the new ForumsYou need to be logged in to post in the forums. If you do not have an account, please sign up first.
Проблема с формой в опере.
На созданном сайте (Wordpress, плагин E-shop) возникла проблема, для решения которой у меня не хватает знаний. И поэтому прошу помощи.Проблема возникла только в Opera
А именно : часть формы (там где начинается футер) для внесения данных при заказе товаров не доступна для заполнения. (на скреешоте эта область затенена) Она как бы закрыта от возможности внесения данных:
screenshot
Адрес сайта: http://www.chay-ka.ru
Для того чтобы получить форму, нужно выбрать любой товар - купить (это можно делать - сайт тестируется) - добавить его в корзину и сделать заказ - появляется та самая форма...
Если нужны еще какие-то данные по проблеме (кусок кода темы, к примеру), то пишите - я намерен сегодня решить эту проблему...
Проблема находится в стиле style000.css, но Оперы до версий 10.6 отображают все нормально. Попробуй другие шаблоны Wordpress или пиши баг-рапорт на https://bugs.opera.com/wizard
Сайт явно верстался в WYSIWYG-е…
У вас в коде есть серьезные ошибки: несколько незакрытых тегов. Все браузеры, которые еще не внедрили HTML5-парсинг, обрабатывают ошибки по-своему, потому что до HTML5 никаких правил по обработке неправильного кода не существовало. Так уж вышло, что Опера обработала эти ошибки иначе, чем другие бразуеры. Этим и объясняется то, что в тестовой версии Оперы 11.60 страница отображается так же, как и в других браузерах (так как HTML5-парсер там уже есть).
Скорее всего дело в одном из незакрытых теге <small>. Как показывают веб-инспекторы Опера 11.60 и Фаирфокса, некоторые теги small являются родительскими по отношению к сайдбару и футеру. Надо заметить, что SMALL — это строковой элемент, и ни в коем случае нельзя вкладывать внутрь него блочные элементы.
У вас в коде есть серьезные ошибки: несколько незакрытых тегов. Все браузеры, которые еще не внедрили HTML5-парсинг, обрабатывают ошибки по-своему, потому что до HTML5 никаких правил по обработке неправильного кода не существовало. Так уж вышло, что Опера обработала эти ошибки иначе, чем другие бразуеры. Этим и объясняется то, что в тестовой версии Оперы 11.60 страница отображается так же, как и в других браузерах (так как HTML5-парсер там уже есть).
Скорее всего дело в одном из незакрытых теге <small>. Как показывают веб-инспекторы Опера 11.60 и Фаирфокса, некоторые теги small являются родительскими по отношению к сайдбару и футеру. Надо заметить, что SMALL — это строковой элемент, и ни в коем случае нельзя вкладывать внутрь него блочные элементы.
29. November 2011, 21:19:40 (edited)
Да, подтвердилось. Закройте все теги SMALL, и всё станет в порядке:
(надо добавить </small> перед </label>)
Ошибка находится в строках 189 и 222.
Из-за этого дерево HTML-элементов полностью перекорежилось. Футер по сути встал в один уровень с строчками из формы для заполнения. Из-за этого футер отобразился прямо над ними. Так что мы кликали не на поля формы, а на прозрачную часть футера.
P.S. К слову, повторять идентификаторы нельзя.
<label for="ship_altstate">Регион <small>если нет в предыдущем списке</label>
(надо добавить </small> перед </label>)
Ошибка находится в строках 189 и 222.
Из-за этого дерево HTML-элементов полностью перекорежилось. Футер по сути встал в один уровень с строчками из формы для заполнения. Из-за этого футер отобразился прямо над ними. Так что мы кликали не на поля формы, а на прозрачную часть футера.
P.S. К слову, повторять идентификаторы нельзя.
Forums » Помощь: вопросы и проблемы » Проблемы с конкретными сайтами