Question

Здравствуйте у меня сложилсь такая ситуация что после верстки нижнея часть сайта не правильно отображаеться только в браузере Mozila с чем это связанно я понять не могу но есть подозрения что кнопка мини чата даёт данный эффект. В браузерах Opera, Google Chrome и Яндекс Браузер все впорядке.

И так же проблема на мозиле в том что он неправильно отображает код адаптации с 1280 по 1366 разрешение экрана. 

Opera:

 

Mozila:

Answer 1

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

Comments

Извините забыл указать на скриншоте место проблемы.

Собственно проблема в том что на Mozila внизу отступ 

а на остальных браузерах все впорядке

---

Максим Фоминов #2,

Попробуйте в глобальный блок нижняя часть сайта прописать условие:

<?if(!$USER_AGENT$='firefox')?>
<style>.footer {margin-bottom: -49px;}</style>
<?endif?>

---

Yuri_Geruk,

В общем это решает проблему отступа нету но она уходит довольно хорошо вверх на всех браузерах. А если лезть поправлять её в стилях то на Mozila отображается все ровно и корректно а при просмотре в опере все сдвигаеться.

---

Максим Фоминов #2,

Если криво смотрится во всех браузерах кроме мозилы, тогда в тот же глобальный блок нижняя часть сайта прописать условие:

<?if(!$USER_AGENT$='opera' or !$USER_AGENT$='chrome' or !$USER_AGENT$='ie' or !$USER_AGENT$='safari')?>
<style>div[class="chat_button"] {top: -70px;}</style>
<?endif?>

---

Yuri_Geruk,

Вроде бы все нормально. А как исправить вторую проблему о которой я писал чуть выше с адаптацией на 2 разрешениях 1280 и 1366.

Такая проблема только на мозиле. 

---

Максим Фоминов #2,

Можно исправить вот такими стилями:

@media screen and (min-width: 1280px) and (max-width: 1366px) {.aishare {left: 55% !important;}}

---

Yuri_Geruk,

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

---

Максим Фоминов #2,

Я же выше уже давал советы как для определенных браузеров сделать, можно же было и посмотреть ответы и сделать вот так:

<?if(!$USER_AGENT$='firefox')?> <style>@media screen and (min-width: 1280px) and (max-width: 1366px) {.aishare {left: 55% !important;}}</style> <?endif?>

прописав в глобальный блок нижняя часть сайта.

---

Yuri_Geruk,

На мозиле отображается корректно на остальных сьезжает в левый бок.

Попробовал исправить таким образом 

 

<?if(!$USER_AGENT$='opera' or !$USER_AGENT$='chrome' or !$USER_AGENT$='ie' or !$USER_AGENT$='safari')?> <style>@media screen and (min-width: 1280px) and (max-width: 1366px) {.aishare {left: 56.1% !important;}}</style> <?endif?>

Но без успешно. 

---

Максим Фоминов #2,

Проделайте следующее, в таблице стилей http://mir-devil.ru/css/footer.css найдите все условия где вы писали стили для .aishare и писали везде свое значение в left: 56.1%!important; везде удалите значение импортант и в условиях выше к классу .aishare также удалите чтобы все эти импортанты не мешали друг другу.

---

Yuri_Geruk,

Убрал но проблему это не решило на Mozila все нормально а на других браузерах по прежнему уходит в бок.

---

Максим Фоминов #2,

Увы, иного решения по вашей проблеме я придумать не могу. Разве что попробовать в условии заменить код !$USER_AGENT$ на $USER_AGENT$ то есть без восклицательного знака перед.