Elflight

Спасибо!

Спасибо за ссылку на сервис. Думаю, скриншота с ноутбука и myresolutionis.ru будет достаточно ) Разрешение экрана 1920х1080px, размер окна браузера 1519х733, device pixel ratio 1.25. Получается, что кино я смотрю в FHD, а в браузере разрешение экрана меньше. Лажа какая-то ) http://i062.radikal.ru/1407/db/14d7ed8778f9.jpg

Какой размер? В пикселях? Думаю, такой же ) Давайте, чтобы не путаться, говорить об устройствах под управлением Windows 8.1...

screen.height = 864px, outerHeight = 840px. К сожалению, это не дает мне ключа к понимаю, что не так ) Подозреваю, что ОС дает указание браузерам масштабировать свой контекст. Но где про это почитать? Разрешение экрана однозначно 1920х1080, здесь сомнений нет.

Добрый день, коллеги. Столкнулся со следующей загадкой: стационарный монитор и монитор ноутбука имеют одинаковое разрешение - 1920х1080px. Некая страница, состоящая из шапки с меню, слайдера и блока спецпредложений под ним, отображается по разному: на стационарном мониторе на первом экране видна шапка, слайдер и спецпредложения. На ноутбуке - только шапка и слайдер. Замерил высоту рабочей области браузера - на мониторе около 900px, на ноутбуке - около 700. Тестирование производилось в нескольких одинаковых браузерах с одинаковым набором панелей браузера. Т.е. похоже, что браузеры на ноутбуке эмулируют разрешение 1920х800. Есть ли какие-то объяснения этому феномену? Да, ОС - Windows 8.1

В картинке бэкграунда одно сердечко. И я хочу его вывести с шириной 15px. Т.е. если блок имеет ширину 60px, то при заполнении в него влезут 4 сердечка. Все просто. Это работает ) Но фаерфокс имеет какую-то особенность рендеринга, и я хочу разобраться в этой особенности. Есть конкретная проблема в рендеринге верстки, давайте не уходить в сторону и не обсуждать методологию вывода рейтинга ) Автовысота почему-то действительно срабатывает, если поиграть с ней в фаербаге (видимо элементы отрисоываются заново и почему-то правильно). Но при указании этого значения непосредственно в коде, все остается по прежнему. Да и не вижу причин чему-то измениться, проблема-то в ширине...

npofopr, спасибо за ответ. Не вижу проблемы в том, чтобы посчитать рейтинг на сервере и вывести его средствами html+css. Если размер бэкграунда "auto", то сердечки отображаются родного размера и влезает только 4 штуки. А мне их нужно уменьшить. И во всех браузерах, кроме фаерфокса, это работает прекрасно. Вопрос только в том, в чем специфика фаерфокса.

Здравствуйте, коллеги! Есть блок отображения рейтинга в виде сердечек. Сверстан просто: блок шириной 75px заполняется бэкграундом-картинкой-сердечком с background-size: 15px 12px. Т.е. 5 сердечек шириной 15px полностью заполняют блок шириной 75px: #ratingbox { display: table-cell; text-align: right; width: 75px; height: 16px; background: url('/images/icons/empty.png') 0 0 repeat-x; background-size: 15px 12px; position: relative;}Проблема в том, что в фаерфоксе 5 сердечек фактически занимают больше 75 пикселей, на каждое сердечко добавляется по 1 лишнему пикселю ширины, и блок ползет. В остальных браузерах все в норме. Вживую посмотреть можно здесь: http://vkruzhevah.ru/sale/ Подскажите, пожалуста, что это за феномен и как с ним бороться...

Первую проблему тоже обошел исключением hover-событий в css для touch-устройств, и реализацией всей логики на js. Какая-то неочевидная реакция на ховеры у этого айпада, чтоб его (

Вторую проблему пришлось решать кривым путем - оставил раскрытие пунктов на css только для no-touch устройств, а для touch-девайсов убрал весь hover в css и сделал все полностью на js. Работает нормально.

Спасибо! По первому - jsfiddle на ipad не отзывается на события, к сожалению, так что посмотреть ваш пример не могу. Видимо, я не слишком понятно описал проблему: ссылка должна быть на картинке, которая оказывается под блоком. Тогда она срабатывает при касании блока. По второму - подключил плагин (там тот же принцип, что и в моем коде) - та же беда: если страница в нулевом положении прокрутки, все хорошо, если немного прокрутить, то все ломается. Попробую тестовую страницу вне своего сайта с этим плагином сделать, посмотреть...

Здравствуйте, коллеги! Столкнулся с двумя проблемами при тестировании верстки на ipad'е, прошу совета. 1. Допустим, на странице есть картинка-ссылка и скрытый блок с position:absolute, который в видимом состоянии перекрывает эту картинку-ссылку. При тапе на некий триггер блок становится видимым, при тапе на самом блоке он прячется. И вот когда происходит касание блока, открытого над картинкой-ссылкой, то не только блок прячется, но и ссылка активизируется, т.е. происходит переход по ссылке. Как побороть такое поведение? 2. Эта проблема совсем мистическая. Есть классическое выпадающее горизонтальное меню на ховерах. На ipad'е была проблема с однозначностью работы (нужно, чтобы при первом касании пункта меню открывалось подменю, а при втором касании происходил переход по ссылке), сделал маленький скрипт: $(document).ready(function() { $('.root-item, .root-item-selected').bind('touchstart', function() { if($(this).hasClass('menu_hover')) { return true; } else { $('.root-item, .root-item-selected').removeClass('menu_hover'); $(this).addClass('menu_hover'); return false; } });});т.е. при первом касании ссылки добавляем класс и переход блокируем, при втором (если класс присвоен, то это второй), класс убираем и переход разрешаем. И все работает замечательно. НО только когда страница находится в верхнем положении прокрутки. Стоит прокрутить страницу на два миллиметра ниже, меню начинает прыгать и вести себя дико. Стоит прокрутить обратно наверх - опять работает нормально. Теряюсь в догадках. Подскажите, пожалуйста, куда копать?

CoDy, спасибо. Валидатор дает 4 ошибки, за каждую из которых я ручаюсь и которые к форме не имеют отношения ) Доктайп "<!DOCTYPE HTML> ". Попробовал просто disabled, к сожалению, без изменений...

Добрый день, коллеги! Реализую связанные списки, лишние элементы второго списка скрываются (display:none). Обнаружил, что в дектопном Safari элементы не скрываются, добавил атрибут disabled="disabled", на десктопе все работает. Однако на iPad'е все-равно не работает. Ситуацию смоделировал здесь: http://jsfiddle.net/6pYen/1/ Подскажите. пожалуйста, как решить эту проблему...

Спасибо, я так и думал, что придется параметр в урл добавлять. $_SERVER['HTTP_REFERER'] не будет содержать нужной информации, как я понимаю... Человек же может письмо открыть и в веб-клиенте, и в десктопном клиенте, и в мобильном..