Search the Community

Всем привет! Никак не могу разобраться, в чем тут дело. В интернете тоже никакой информации о таком странном поведении браузера не нашел. Все браузеры корректно загружают файлы, кроме Safari. Подписываюсь на событие progress объекта XMLHttpRequest.upload и вывожу в консоль данные о загрузке файлов: console.log(e.loaded + ' from ' + e.total + ': ' + e.loaded / e.total * 100); И вот, что вижу в консоли: (см. фото) Текст "Данные полностью загружены на сервер!" выводится внутри обработчика события XMLHttpRequest.upload.onload. То есть когда данные, казалось бы, полностью загрузились, Safari как будто повторно пытается их загрузить. Кто-нибудь сталкивался с такой проблемой? P.S.: Загрузка осуществляется по средством jQuery.ajax: xhr: function() { _xhr = $.ajaxSettings.xhr(); _xhr.upload.onprogress = function(e) { console.log(e.loaded + ' from ' + e.total + ': ' + e.loaded / e.total * 100); }; return _xhr; } До этого делал нативным способом. Поведение не меняется. Спасибо!

Всем привет! Народ, есть лендинг: http://fenix-63.hol.es/bulvar/ Вот эта часть (раздел цены и условия занятий): https://fotki.yandex.ru/next/users/tltfenix/album/74102/view/998283 в браузере Safari выглядит очень ужасно. CSS-свойство overflow:hidden тут как то по-другому работает. Народ, подскажите, как это исправить? А то я уже голову сломал.

Есть такая проблема.. Верстаю сайт, адаптирую, все отображается ровно во всех браузерах, кроме сафари на маке и Ipad. Не пойму в чем проблема. http://yana23fv.bget.ru/ - вот сайт Вот так выглядит в сафари - так в хроме Сафари - хром Может кто знает в чем дело? Спасибо

Добрый день, такая проблема: устроился на стажировку в веб студию, сразу дали решить/устранить проблему в их уже существующем проекте. - сайт: http://en.uff.fr - суть проблемы: на главной странице внизу, в диве с классом container, расположены на черном фоне логотипы продуктов(svg картинки). Реализовано всё через display:flex. Во всех браузерах отображение правильное кроме safari. Там поведение картинок такое что у них разные размеры и они как-бы *в куче*. Я гуглил эту проблему на англоязычных источниках и единственным советом был просто префикс -webkit-, но это уже учтено и всё равно правильного отображения мы не добились. Есть какой-то способ решить эту проблему? Заранее спасибо.

Всем привет! Никто не сталкивался с такой проблемой в Safari: при загрузке файлов на сервер (когда загрузка протекает не очень быстро) в событии progress свойство e.total увеличивается в 2 раза? То есть e.loaded принимает значение e.total, а после этого e.total становится 2*e.total и e.loaded снова начинает расти. Заранее спасибо!

Добрый вечер! Маленькая проблемка появилась. В мобильном Сафари input text и input password больше чем везде (сравнил на компе, да, больше именно они, а не кнопка меньше). Думал проблема в text-indent, сменил на padding, поменял размер, глухо. На виртуалке смотрел на десктопном Сафари - все ок, во всех остальных бразузерах - все ок. На мобильных девайсах почему то нет. Использую normalize https://github.com/necolas/normalize.css/blob/master/normalize.css Код: http://jsfiddle.net/0go8ub5u/ А вот так на айфоне: Теряюсь в догадках уже, помогите пожалуйста разобраться

Здравствуйте! Возникла такая проблема. Верстал себе как обычно, но при про смотре в Safari под MacOS (именно под МакОС, т/к на Винде в сафари все ок) у меня почему-то пропадают стили (или не знаю как это назвать). Т/е стиль прописан у элемента, но он не отображает его как надо и в отладчике он его не видит. В остальных браузерах все ок. http://s16.ru/i/gazon/ Начиная с "Типовые решения и цены", стили уже не работают. Например у "Типовые решения и цены" прописан стиль: .i-section h1 { text-transform: uppercase; text-align: center; color: #edb730; font-size: 312.5%;}Но как видите ни цвет, ни центрирование, ни размер и т/д не такой. Если кто сталкивался с такой проблемой - помогите пожалуйста, что не так? В первый раз с таким сталкиваюсь.

Приветствую! Ребят, создавал тут тему недавно насчет одинаковой высоты у блоков, добрый человек посоветовал использовать flex и показал пример(спасибо ему огромное!). Воспользовался я его советом, все хорошо получилось, но такая красота получается только в Chrome, Firefox да Opera, а в Safari нифига. Вот как должно быть: А вот как в Safari: Как видите, продолжение background нет(высота фиксированная, хотя с flex должна была установится высота блока main) да и тени почему-то тоже нет(пропадает, когда увеличиваешь страницу). Вот верстка: <!DOCTYPE html><html lang="ru"><head> <meta charset="UTF-8"> <title>{title}</title> <link href="engine/templates/nn/tmp/css/style.css" rel="stylesheet"> <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script> <script type="text/javascript" src="engine/templates/nn/tmp/js/hint.js"></script> <script type="text/javascript"> if (!('flexWrap' in document.createElement('div').style)) { document.documentElement.className += ' no-flex'; } </script></head><body><div onclick="show('none')" id="wrap"></div><div id="wrapper"> <div id="left">{left}</div> <div id="main">{main}</div> <div id="right">{right}</div></div><footer> <div class="footer_content"> {footer} </div></footer></body></html>Вот CSS: #wrapper { display: flex; display: -webkit-flex; flex-flow: row nowrap; -webkit-flex-flow: row nowrap; margin: 75px auto 16px; width: 1120px; background-color: #fff; border-radius: 5px; overflow: hidden;}.no-flex #wrapper { display: table; width: 100%; max-width: 1122px;}.no-flex #left,.no-flex #right,.no-flex #main { display: table-cell; vertical-align: top;}#left { width: 235px; float: left;}#right { width: 285px; background-color: #f6f9fa; float: right; flex-shrink: 0;}#main { width: 420px; box-shadow: 0 0 30px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.25); float: left; padding: 50px 90px; position: relative;}Буду благодарен за любую помощь!

Всем привет! Пожалуйста, помогите! Вот сайт: revo-test.tk/leng , на пятом айфоне в браузере safari в блоке "контакты" почему-то не отображаются абзацы с цифрами, слова отображаются без проблем! На всех десктопных браузерах, на андроиде, даже в хроме на айфоне - всё пучком... Уже голову сломал, может, посоветуете что? Заранее спасибо!

Помогите, пожалуйста, разобраться с кроссбраузерностью для Сафари. Во всех браузерах все ок и все готово казалось бы, а в Сафари полный завал. 1. Бекграунд для боди не отображается (вернее он отображается, но только если я забираю линейный градиент, вебкит не срабатывает для него) 2. С хлебными крошкам тоже какой-то каламбур вышел. 3. И самое главное миниатюры тоже не отображаются - какие полоски на их месте. Вот скрин ужаса http://clip2net.com/s/3hrsNwy А вот няша http://clip2net.com/s/3hrsUPS

всем привет. у меня появилась проблема того, что тень текста дико коверкается в сафари и в браузере телефона. неужели этого никак не избежать!? может, есть какие-нибудь решения, ведь наверно же с этим сталкивались многие другие? вот пример, здесь все минимизировано: скришот в разных браузерах: код: <!DOCTYPE html><html><head><meta charset="utf-8"> <title>font</title><style> body{background: #e5e08b;} p{ font-family: arial; color: #ffe; font-weight:bold; text-shadow: 0 0 .1ex #ba0, 0 0 .1ex #870, 0 0 .1ex #870, 0 .7ex .1ex #fff, 2ex 0 .5ex #ffd, -2ex 0 .5ex #ffd; }</style></head><body> <p>Lorem ipsum</p></body></html>вот даже ссылка, если кому интересно. Есть идеи, как правильно обращаться с этой тенью??? или хотя бы как исправить ситуацию в данном случае...

Шрифт 14pt в FF (других браузерах) и Safari - совсем не одно и тоже. В 2 блоках вылезают надписи. Разница разительна. Про сголаживание я вообще молчу. Как решить проблему без костылей?

Есть сайт в html Только в браузере Safari возникает проблема - не отображается встроенный код формы заполнения контактов. Хотелось бы понять в чём проблема и как она решается. HTML : <script type="text/javascript" src="http://form.jotformeu.com/jsform/43288390138359"></script>

http://tellmeof.cc.ua/Map/map.html 1. Safari 7 (в более старых не проверял) не скругляет углы у iframe. Вроде бы поддерживает border-radius и overflow:hidden, но тут почему-то не работает. 2. IE7 и IE8 не скругляют углы у iframe. Благодаря pie.htc, скругляются углы у контейнера .s-circle1, но у самого iframe - нет. Overflow:hidden контейнера тоже не обрезает карту, как ожидалось. 3. IE7 и IE8 не отрабатывают ховер. 4. IE9+ как-то странно отрабатывают ховер. Когда курсор переходит на саму карту, ховер-состояние перестаёт действовать. Хотя в нормальных браузерах действует. Прошу помощи.

Всем привет! Хочу спросить вас: есть ли какое-то решение для правильного отображения сайта на html5 и css3 для safari5 и ie8 и ниже? Если есть, то подскажите его пожалуйста!

Приветствую! Safari 5.1 и Safari 6 не рисует градиентом линии внизу блоков header и form. Синтаксис как здесь https://developer.ap...008032-CH10-SW1, но всё равно не работает. В чём тут дело? http://cssdeck.com/labs/full/iavhhilc

Добрый день, пробую использовать на своём сайте линейный градиент. Работает во всех браузерах кроме Safari. Вот код, который я использую background: linear-gradient(to top, rgba(0, 0, 0, 0.14902), rgba(255, 255, 255, 0) 53%, rgba(41, 41, 41, 0.117647) 89%, rgba(0, 0, 0, 0.14902)),url("http://jiu.marsana-shop.com.ua/templates/yoo_infinite/css/../images/blue_bg.png"); Добавление префикса -webkit- ничего не дало

Есть меню с z-index:20; (и подменю с z-index:21) сразу после меню идет картинка с привязанной map-area (z-index:10); При наведений на меню выпадает подменю, но map-area перекрывает подменю, проблема только в сафари win7. http://i.imgur.com/UtQOqxw.jpg чтобы понятней было http://i.imgur.com/3EKM6Sy.jpg код