Triser

Кроссбраузерность

Recommended Posts

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

Подскажите чего делать то?  как то не очень..

post-3016-0-77618700-1450631541_thumb.pn

post-3016-0-16502600-1450631555_thumb.pn

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


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

и да я понимаю что нужно верстать или делать верстку?(как это правильно пишется не знаю)) но вроде все сделано, в остальных же нормально показывает..

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


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

Нету единого стандарта у браузеров. Без адреса сайта трудно сказать что не так. А называется это "править верстку"

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


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

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

Подскажите чего делать то?  как то не очень..

 

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

Бегло просмотрев Ваш код заметил следующее:

Имеется два открывающих тега <head>, один нужно удалить.

Чуть ниже есть код

 

<!--[if lt IE 9]>

        

</head>

<body>

<canvas id="pixie"></canvas>

    

</body>

</html>

 

его нужно удалить

 

В самом конце кода есть неверно закрытый комментарий

<!-- End SiteHeart code --

 

Дублируются meta теги

Дублируются подгружаемые скрипты

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


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

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

Бегло просмотрев Ваш код заметил следующее:

Имеется два открывающих тега <head>, один нужно удалить.

Чуть ниже есть код

 

<!--[if lt IE 9]>

        

</head>

<body>

<canvas id="pixie"></canvas>

    

</body>

</html>

 

его нужно удалить

 

В самом конце кода есть неверно закрытый комментарий

<!-- End SiteHeart code --

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

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


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

 

Дублируются meta теги

Дублируются подгружаемые скрипты

 

ну а тут не разберусь сам))

 

 

У вас дублируются такие вещи как:

<script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script>

 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>

 

Наверняка где то еще есть не закрытые или дублирующиеся теги. Даже на первый взгляд много лишнего в коде.

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


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

У вас дублируются такие вещи как:

<script type="text/javascript" src="//vk.com/js/api/openapi.js?121"></script>

один комент второй группа, я так думал, удалил, оставил один,а все работает)) вот из таких вот незнаний такой косяк и вылетает) спасибо!

 

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  тоже снес)

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


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

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

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


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

Так же обратите внимание что у Вас имеются ошибки в файлах стилей.

К примеру в файле style.css у Вас есть background:url(/ckfinder/userfiles/images/123332.jpg") no-repeat center center fixed;, где есть только закрывающая кавычка (ее можно вообще удалить). Мозила из-за такой ошибки может не считывать дальнейший код. Так же у #pixie имеется лишняя фигурная скобка и пр. В основном коде где то пропал закрывающий div. Попробуйте после последнего </div> добавить еще один </div>.

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


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

Может для проверки кроссбраузерности сайта имеет смысл воспользоваться каким-либо соответствующим онлайн сервисом?
Но только бесплатным и без долгих утомительных регистраций на японском языке.

Дабы не тратить время на тестирование таковых.

Кто что посоветует? 

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


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

Может для проверки кроссбраузерности сайта имеет смысл воспользоваться каким-либо соответствующим онлайн сервисом?

Кто что посоветует. Дабы не тратить время на тестирование таковых.

 

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

 

Из любопытства воспользовался проверкой на http://validator.w3.org, получил 237 ошибок.

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


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

Речь идет не об ошибках, а о том как выглядит сайт реально в том или ином браузере. 
Ошибок любой валидатор выдает полмиллиона на любом сайте: 

https://validator.w3.org/nu/?doc=https%3A%2F%2Fwww.yandex.ru%2F 

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


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

Если вы хотите воспользоваться валидатором, то для начала посмотрите через сервис сайт майкрасофта. После почитайте документацию про доктайп. Большинство вопросов отпадут сами собой. К тому же валидатором не имеет понятия о хаках таких как -omoz, -mozilla и тд.

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


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

Создайте аккаунт или войдите для комментирования

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

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас