Нарек

Нашел исполнителя, пока тему можно заморозить, если не справится напишу.

Оффтоп пожалуйста в другой теме, очень прошу.

Так то могу проблему поверхностно описать. На сайте есть фоновая картинка для первого блока который 100% высоту и ширину. На айпаде высота 100% не работает, внизу появляется пространство около 32px высоты с нижестоящего блока. В портретном режиме.

Была бы такая возможность описать проблему в открытом виде - создал бы тему в разделе проблемы верстки.

Здравствуйте. Верстка есть, 1 маленький недочет на iPad-е которую я не могу исправить в ввиду с тем, что девайса нету а после каждой строки кода переписываться с заказчиком не очень продуктивно. Подробности расскажу в личной переписке, желающих прошу писать ЛС.

Проблему временно решил удалением из основного блока кода выпадающего меню и разместил его над блоком сайдбара (в html). И вызвал функцию hover через js. Все сразу заработало, но это больше похоже на танцы с бубном нежели на нормальное решение.

А мне кажется что это из за кириллицы в пути.

Опять злой сафари в мак ос меня бесит.. Что в этом коде не так? Из за чего появляется такая картина когда пытаешься открыть скрытое меню на iPad или в Safari (Mac OS)? Код можно увидеть тут http://jsfiddle.net/bqy66jf0/2/

Без плагина вариант http://jsfiddle.net/uvzx0aLg/

Ребята, голову ломаю уже час, не могу понять где ошибка, помогите найти. http://jsfiddle.net/56soLzL7/show/ Кто не знает как перейти в режим редактирования кода - просто удалите /show/ с конца ссылки. Так вот, в OsX сафари вообще не хочет отображать мое скрытое меню (наводим на пункт HOVER HERE). А вот google chrome (на windows) ведет себя иначе Если наводить на пункт двигая мышкой снизу (с пункта 5) вверх - все нормально открывается и показывает. А вот если наводить сначала на статью которая справа, потом оттуда попытаться наводить на пункт меню HOVER HERE, то видна какая то задержка непонятная..Подозреваю все дело опять в backface-visibility и transform3d, только вот не срабатывает у меня..

Проблему с ориентацией экрана решил с помощью https://github.com/srobbin/jquery-backstretch А вот как с него получить background-attachment: fixed или что то подобное - хз...

Имеется такой код .slide { background: url(../img/1.jpg) no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}Все десктопные браузеры понимают его нормально (IE не интересует). Проблема возникает на ipad-е. Картинка масштабируется на 2 раза больше (примерно) чем нужно. В коде своего рода хак для IOS - сначала 100% потом cover, но это не помогло. Когда меняю background-attachment: fixed на scroll - картинка масштабируется отлично, так как нужно, но соответственно пропадает эффект и мне этого не нужно.. Может сталкивался кто то с данным вопросом. Решил эмулировать с помощью jQuery позицию fixed поменяв его на scroll и добавив $(window).scroll(function() { var scrolledY = $(window).scrollTop(); $('.slide').css('background-position', 'center ' + ((scrolledY)) + 'px');});Все нормально на windows. На маке и на ipad тоже все хорошо, за исключением 2 моментов. 1. Тормозит ужасно, нету плавного скроллинга, браузер замирает и быстро перекидывает страницу вниз. 2. При смене ориентации экрана картинка не перестраивается а остается такой какой была в изначальной ориентации.. Кстати этот пункт и без js был таким..

ложу руки на клавиатуру и очень сильно начинаю помогать...

http://ru.screenresolution.org/

поддержка пока маленькая.

Так вот это самое дело делает Masonry.. Контент как контент, картинка + текст. Инлайн блоками не получится по очевидным причинам..

Да нет, для bootstrap-a тут совсем другие требования, такие как 100% ширина, да и блоки такой ширины что разделить на стандартные блоки bootstrap-а будет сложновато, а модифицировать его займет больше времени чем писать свою сетку. Сетку то я напишу.. Вы правы, наверное программисту пофигу, а вот админу? Получается данный контент который засунут в скрытые блоки будут видеть только пользователи с высоким разрешением.. Я бы Masonry использовал, только вот не знаю можно ли там менять размеры блоков исходя от разрешения вручную..

Здравствуйте. Нужно верстать такой макет: 3 колонки одинаковой ширины (не считая меню, с ним все ясно) в них блоки с разной высотой. Задача в том, что бы при увеличении разрешения колонки тоже увеличились до определенного размера, потом когда хватает место для четвертой колонки - ширина колонок уменьшается до исходного и добавляется 4-ая колонка. И так далее. Ничего лучше не нашел кроме как нарисовать 2 колонки, засунуть туда контент и давать им display: none; а потом в подходящих разрешениях их добавить с display: block; в промежутках меняя ширину видимых колонок через media queries или же сделав их резиной. Так вот, не совсем представляю как будет происходить добавление контента в скрытые блоки с помощью админки любого cms. Это не затруднит прогера или же администратора сайта который будет добавлять контент на сайт? Или есть другие решения для строения данного типа сайта, более хорошее решение? Требования еще раз напишу: 1. изначально 3 колонки, при увеличении разрешении эти колонки увеличиваются. 2, когда хватает место для 4-ой колонки все колонки возвращаются в исходную ширину и добавляется 4-ый. И так далее. Наверное до 1920px.

Странно) Что то очевидное должно быть раз не видим)) Так вот же оно! Удалите overflow: hidden у .wrap, Он растягивается вместо с footer_correct так как он в нем. Остальной скролл у Вас идет с padding-a в .footer-inner, получается высота футера 312, а высота блока который в нем 360. И еще одна бяка, это margin-top: 34px у header-white, его следует заменить на паддинг который задается прямо header-у, правда не знаю какая у Вас там ситуация.

http://jsfiddle.net/yst0b5x3/show/ Вообще там див не нужен все таки, можно через ::after тоже эмулировать.

вот так http://www.zakharov.ms/snippets/ так как футер у Вас фиксированной высоты. A если поточнее, то добавлением строки .wrap { margin-bottom: -312px;}и удалите вообще .footer-correct.

Как сам нашел? Просто я первым ответил на его заказ, и почему то он выбрал меня, хотя куча других более опытных было с огромным количеством отзывов. Заказчикам делать нечего что ли что бы самому тебя найти, если конечно ты не гений А вот согласиться или не согласиться я не знаю.

Я пошел в фриланс при уровне немножко больше, видимо мне очень повезло, первый же заказчик стал последним. То есть до сих пор регулярно обеспечивает заказами разной сложности, в основном это интернет магазины. Другие заказы просто времени нет брать. Всего работал кроме этого заказчика еще с двумя, каждый по сайту. И мне кажется что если так продолжится это очень хорошо, уже о цене не говорим, всегда платит сумму которая мне вполне нравится. К чему я это, если бы я не сделал заказ качественно то он бы не стал со мною работать, так что 100 раз подумай сможешь ли на высшем уровне сделать заказ, потом если уверен что сможешь - попробуй брать.

Я недавно исправил такую же проблему с помощью -webkit-transform: translate3d(0, 0, 0);Правда там у меня были анимации, из за них видимо все было. Попробуйте, может поможет.

Анимация какая то есть при появлении хэдера? Это весь код? Когда крутите стрелками а не мышью тоже мерцает?