Нужен срочный хелп от кнопки прыгают блоки у заказчика, а у меня нет

[Zverushka]

http://zverushka.zz.mu/energy/

 

Заказчик в последнем файрфоксе (25.0.1) на 7м винде - у него прыгают блоки (у его друга тоже), когда он наводит на кнопку, у меня инчего не прыгает на этих же системах во всех браузерах. Прошу помогите.

Форму только не отправляйте плз.

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

Edited December 11, 2013 by Zverushka

[Zverushka]

Выяснилось, что это происходит при уменьшенном масштабе - даже в хроме например. Почему, как исправить?

[Светлана Г.]

Причина в том, что при наведении на красную кнопку меняется высота блока .ad-item. Поэтому все и дергается.

 

В дебаггере задала фиксированную высоту - и все перестало дергаться. Нужно отрегулировать размеры кнопки при наведении и в исходном состоянии.

Edited December 11, 2013 by Светлана Г.

[Zverushka]

А как меняются размеры кнопки? Там высота текста + паддинг края и тому подобное. А при наведении убираются 2 пикселя нижней границы - зато добавляется еще 2 пикселя маргина - что же там меняется в самой кнопке по высоте?

[Светлана Г.]

Попробую раскопать... При наведении на красную кнопку также двигается текст и в зеленой кнопке.

[ryter]

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

Edited December 11, 2013 by ryter

[Светлана Г.]

Если убрать display:block; у .btn-block -  дергаться перестает.

 

И если правило оставить так:

.btn-orange:hover {

  top: 2px;

}

тоже не дергается.

Edited December 11, 2013 by Светлана Г.

[Zverushka]

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

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

[Светлана Г.]

Помогло задать фиксированную высоту кнопки. 

 

Я что-то не вижу, чтобы была задана фиксированная высота кнопки. 

[Zverushka]

Я не обновляла пока сайт.

[Z1gnet]

я может конечно не в тему, но все же тут есть небольшой, но очень не приятный баг  http://prntscr.com/2ah3rt думаю стоит пофиксить

[Zverushka]

Случайно наткнулась на очень важную инфу. 

 

 

This problem occurs because the browser is reducing the size of the divs proportionally, but does not apply reducing to the border.

Хотя не.. все равно непонятно... или понятно..

Edited December 14, 2013 by Zverushka