Перейти к содержанию
OldAine

Проблемы с разрешением, слетает шаблон

Рекомендуемые сообщения

Добрый день.

Есть сайт Shop-Board.ru

Незадача оказалось в том, что при увеличении сайта скажем на 150% background в футере и в хедере не растягивается, как указано в стилях, на 100%. То есть увеличил, прокрутил вправо и беда.

Не могу понять откуда у проблемы ноги растут.

Чтоб было понятнее вот скрины -> ПЕРВЫЙ, ВТОРОЙ

Можно было бы конечно не париться, ведь на стационарах при нормальном разрешении все гуд, но на айфонах и айподах такой вид с самого начала загрузки сайта =(

post-5473-0-63507600-1362477413_thumb.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

По моему виновата эта анимированная жесть на флеше в шапке

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

По моему виновата эта анимированная жесть на флеше в шапке

Ну с шапкой предположим, что флешка виновата, ну а на подвал сайта тоже она влияет? :unsure:

Кстати есть у меня на локале шаблончик собственной разработки, где в шапке сайта такая же ерунда творится, а там вообще нет никаких флешек, шаблон из оригинального переделывался! Я просто добавил в самый верх шапки два дива(друг под другом), раскрасил их и указал width: 100%, а эффект такой-же :(

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

На айфонах и айпэдах флеши не отображаются...

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

На айфонах и айпэдах флеши не отображаются...

кроме сафари, есть и другие браузеры, более лояльные к флешу :-)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ну да, про сафари и имелось ввиду... :oops:

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Flash - однозначно зло.И не только потому что на мобильных платформах от Apple они не работают....

...По статистике, почти четверть сотрудников компаний ежедневно посещают сайты социальных сетей, блоги, развлекательные, игровые, интернет-магазины и другие сайты в рабочее время. То есть каждый четвёртый сотрудник, работающий на офисном ПК с доступом в Интернет, ежедневно тратит оплачиваемое работодателем время на посещение ресурсов, не связанных с его работой… И практически у всех этих компаний есть одна особенность: они активно борются с распи*дяйством своих сотрудников в рабочее время. Руководство искренне верит в то, что на работе нужно работать, а не видео смотреть и в игрушки играться.

А в чем нынче распространяется весь развлекательный контент? Правильно, во флэше.

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

Как это выглядит на практике с точки зрения веб-разработчика.

После загрузки страницы SWFObject радостно сообщает: «Флэш-плагин у пользователя есть!». Разработчик без тени сомнения заменяет html-меню на флэшовое: это ведь так просто, написал swfobject.embedSWF() и все само работает. Но не тут-то было: между браузером пользователя и интернетом стоит злобный файервол, который, сверившись со своим черным списком, просто блокирует доступ к swf-файлу. В итоге пользователь остался и без html, и без флэша. Он не сможет даже просто открыть страницу, на которой был размещён флеш-блок. И это при том, что у него может стоять самая последняя версия флэш-плеера...

И ещё, учтите, что многие отключают у себя flash (посредством flashblock) что бы "порезать" рекламу (посредством adblock), для того что бы была возможность страницы читать, а не тупо таращиться, пытаясь на уровне мозга отсеять бессмысленное и бесполезное мельтешение убогой рекламно-декоративной анимации, всякого рода рекламы и дурацкие промоушины новых моделей девайсов на сайтах производителей. И не забывайте, что у Flash большие проблемы с индексацией...

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Действительно про то, что планшетки не поддерживают флеш я и забыл.

Ну тогда для начала избавлюсь от флеша, а если проблема не пропадет, то опять буду вам надоедать)

А пока что, всем спасибо за участие =)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

И снова всем привет!)

Мне уже казалось, что проблема решена, но недавно обнаружилось, что планшеты все еще продолжают отображать сайт некорректно.

Тут я провел некоторое исследование и вот что обнаружил - На всех сайтах с блоками растянутыми на 100% от края до края, есть один и тот-же баг! Стоит уменьшить окно браузера или просто открыть в телефоне, как часть растянутого на 100% блока просто пропадает и остается только контент на background-e.

Вот несколько примеров:

откройте любой браузер и начните увеличивать %-ый размер, либо сразу с mobile-устройств смотрим.

Пример 1 - проверьте розовую шапку сайта.

Пример 2 - шапка и подвал

Пример 3 - шапка и подвал

Пример 4 - шапка и подвал

Может кто-нибудь знает как победить недуг? фиксированное указание ширины помогает лишь частично и только на pc...

PS: Пытаясь предугадать сразу скажу, что про респонсив знаю, но делать еще не умею.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вот используйте этот код для всех блоков с фиксированной шириной. Просто вписывайте размеры при стандартных разрешениях экрана.

/* MEDIA QUERIES -------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
   /* Styles */

}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px)
and (max-width : 480px) {
   /* Styles */

}

/* iPads (portrait) ----------- */
@media only screen
and (min-width : 481px)
and (max-width : 768px) {
   /* Styles */

}

/* iPads (landscape) ----------- */
@media only screen
and (min-width : 769px)
and (max-width : 1024px) {
   /* Styles */

}

/* Larger screens ----------- */
@media only screen
and (min-width : 1024px) {
   /* Styles */

}

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Ну видимо других способов решений проблемы нет. Придется изучать, надо ведь идти в ногу со временем)

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

mabibaТОЧКАru 

На мобильных устройствах идет переадресация на скачивание флеш плеера. В чем может быть дело?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.