Ломается верстка только в Google Chrome. Как исправить?

Question

[Петр Волханов]

Ломается верхнее меню (ссылка Контакты съезжает на второю строчку), только в браузере Google Chrome 38.0. В IE11, Mozilla Firefox 32 и браузере Mail.ru (webkit, тотже Chrome) все ОК. Почему так происходит? Как можно исправить только для Хрома?



В других браузерах:

Answer 1

[Дмитрий Энтелис]

Посмотрел сайт, сразу захотелось нажраться от безысходности.
Вы бы хотя бы дизайн обновили

Comments

[Петр Волханов]

Спасибо, за критику, будем думать над новым дизайном.

Answer 2

[Никита]

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

Answer 3

[ruslanGrigoryev]

.menutop {
/* float: left; */
position: relative;
padding-bottom: 2px;
display: table;
width: 100%;
}
.menutop li {
width: auto;
/* float: left; */
height: 30px;
display: table-cell;
}

Comments

[Петр Волханов]

Сейчас прописал такие стили, но в Хроме ничего не поменялось ;-((

[Петр Волханов]

Помогло, только когда width: 101%; прописал.

[ruslanGrigoryev]

prntscr.com/4ur8mo
prntscr.com/4ur8qa

[Петр Волханов]

@ruslanGrigoryev может у меня Хром дырявый, но пока не ставлю width: 101%; - не работает...

[ruslanGrigoryev]

@eprivalov может масштабирование страницы стоит ?

[Петр Волханов]

@ruslanGrigoryev нет, масштабирование 100% стоит

Answer 4

[PaulZi]

white-space: nowrap;
overflow: visible;

Answer 5

[Дмитрий Клусевич]

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