Jump to content
Sign in to follow this  
OldAine

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

Recommended Posts

Добрый день.

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

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

  • +1 1

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

  • +1 1

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

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

  • +1 1

Share this post


Link to post
Share on other sites

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

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

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

Share this post


Link to post
Share on other sites

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

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

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

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

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

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

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

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

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

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

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

Share this post


Link to post
Share on other sites

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

/* 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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

mabibaТОЧКАru 

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

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.