Проблемы с отображением

[Joe May]

Привет народ! Я в верстке не силен, но вот как-то наговнокодил что-то вроде этого: www.goodrest.info

У меня проблема в следующем: некоторые браузеры , в частности последняя версия Хрома, тормозит неправильно отображая топ меню (посмотрите сами), в опере часом тоже наблюдается, в чем причина такого бага? Я понимаю что сам один сплошной баг, но все же , может кто-то поймет причину? я не пойму...=(

Спасибо!

[npofopr]

неправильно это как? скриншот?

[Joe May]

В добавок онлайн консультант не фиксируется =( узнавал одну вешь, на некорых версиях Хрома работает все нормально

[CatInTheBread]

к слову о некоторых версиях Хрома...У меня отображается все нормально)

[npofopr]

тоже всё нормально

[Николя223]

<?xml version="1.0" encoding="utf-8"?> Это там зачем?

+ код нормально поправьте.

Про то что вовремя работы происходит, я вообще молчу

Edited August 5, 2013 by Николя223

[Joe May]

<?xml version="1.0" encoding="utf-8"?> Это там зачем?

+ код нормально поправьте.

Про то что вовремя работы происходит, я вообще молчу

Пробовал убрать, джумла потом просто вырубилась

[Николя223]

а.. это джумла..

у меня в хроме тоже такие баги возникают при прокрутке.

там много вариантов из за чего. пробовать нужно

во первых

в консоле

• Uncaught TypeError: Object [object global] has no method 'addEvent' goodrest.info:12
  

Edited August 6, 2013 by Николя223

[Joe May]

Незнаю на сколько правильно я анализировал, но мой диагноз таков : в новых версиях Хрома и Оперы используется новый движок Blink имя ему...может таки в этом таится причина?

P.S. буду заново верстать менюшку.

[user]

Попробуйте сделать код валидным.

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.goodrest.info%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

[lexxcode]

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

в css нужно добавить анимацию только для webkit, такого рода:

html {
  -webkit-animation: repaint .017s infinite ease;
}
@-webkit-keyframes repaint {
  0% {
	box-shadow:0 0 0 rgba(0,0,0,0);
  }
  50% {
	box-shadow:0 0 0 rgba(0,0,0,.01);
  }
  100% {
	box-shadow:0 0 0 rgba(0,0,0,0);
  }
}

Анимировать необязательно именно тень, нужно выбирать то, что лучше всего подходит в конкретном случае, но не будет заметно для пользователя. Можно, например line-height анимировать. Это позволяет бороться с багом единиц измерения vh в хроме: Chrome 20+, Safari 6+ - Supported but has repaint issue;

http://jsfiddle.net/alexriz/FBM7X/

[Joe May]

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

в css нужно добавить анимацию только для webkit, такого рода:

html {
-webkit-animation: repaint .017s infinite ease;
}
@-webkit-keyframes repaint {
0% {
	box-shadow:0 0 0 rgba(0,0,0,0);
}
50% {
	box-shadow:0 0 0 rgba(0,0,0,.01);
}
100% {
	box-shadow:0 0 0 rgba(0,0,0,0);
}
}

Анимировать необязательно именно тень, нужно выбирать то, что лучше всего подходит в конкретном случае, но не будет заметно для пользователя. Можно, например line-height анимировать. Это позволяет бороться с багом единиц измерения vh в хроме: Chrome 20+, Safari 6+ - Supported but has repaint issue;

http://jsfiddle.net/alexriz/FBM7X/

Чувак! Мужик! кинь номер кошелька =) Хоть как-то отблагодарю)))

[Struggle]

Сайт вообще тормозит, оперативки 2 гига

[Joe May]

Сайт вообще тормозит, оперативки 2 гига

Это при скроллинге я так понимаю? В принципе терпимо, через месяца так 2 хочу полностью реструкторизацию реализовать, и перенести на symfony или Yii (если получится)...ну во всяком случае постараюсь =) Всем огромная благодарность за участие в теме!!!!!!!!!!!!!!!!!!

[Struggle]

Сайт вообще тормозит, оперативки 2 гига

Это при скроллинге я так понимаю? В принципе терпимо, через месяца так 2 хочу полностью реструкторизацию реализовать, и перенести на symfony или Yii (если получится)...ну во всяком случае постараюсь =) Всем огромная благодарность за участие в теме!!!!!!!!!!!!!!!!!!

Как минимум, оптимизируй графику

[Joe May]

Сайт вообще тормозит, оперативки 2 гига

Это при скроллинге я так понимаю? В принципе терпимо, через месяца так 2 хочу полностью реструкторизацию реализовать, и перенести на symfony или Yii (если получится)...ну во всяком случае постараюсь =) Всем огромная благодарность за участие в теме!!!!!!!!!!!!!!!!!!

Как минимум, оптимизируй графику

Ааа жесть! дикий ужас, 5 МБ загружемых файлов, надо надо....спс

[lexxcode]

ооооо не стоило анимацию добавлять ко всему

* {
  margin: 0;
  padding: 0;
  -webkit-animation: repaint .017s infinite ease;
}

Я же показал, что к html добавить. Этого достаточно. Ненужно нагружать все элементы на странице анимацией.

Конечно оно тормозить будет.

Воот так вот только к html добавить анимацию, больше никуда ненужно.

html {
  -webkit-animation: repaint .017s infinite ease;
}

Перекинул на html в dev tools сразу страница летать начала