Кнопки меняют размер на разных страницах

[Anastasy]

Добрый вечер знатоки, помогите решить задачу, делаем сайт, точнее переделываем, и возникла проблема, кнопки которые находятся в хедере, меняют свои размеры на странице категории. Уже все что можно просмотрели не можем понять в чем причина, помогите пожалуйста, это касается и поиска, если убрать ширину и высоту то он стоит на месте, если написать то он на странице категории становится меньше. Opencart 1.5.5.1. Ссылка на сайт http://katalog.ligaigr.com/vse заранее спасибо.

Змінено 19 грудня 2015 користувачем Anastasy

[pantagruel964]

Верстальщика на стационарный курс по выпрямлению рук

 

 

Это что вообще такое? Тройная вложенность для простой кнопки.....

<div class="links">
      <a class="button" href="http://ligaigr.com/#pokupka">
          <span style="font-family: Georgia,Palatino,Palatino Linotype,Times,Times New Roman,serif;
font-size: 10px; font-weight: normal; font-size: 14px;">КАК КУПИТЬ</span>
      </a>
</div>

Сверстать по людски нельзя?

<a class="button" href="http://ligaigr.com/#pokupka">
    Как купить
</a>

[AlexDW]

почитайте про наследование элементов в css

[Anastasy]

Спасибо, сейчас будем пробовать, отпишу что вышло

[Anastasy]

С поиском ничего не выходит, меняет все равно по 4 пикселя :cry:если убрать border то стоит на месте, с ним - меняет размер, нет никаких родительских блоков которые задают параметры.

[Anastasy]

помогло для кнопки поиска такое box-sizing: content-box; но в чем была проблема, какому контенту соответствует бокс этот не поняла вообще, стоит font-size 16px, и почему только на странице категории оно так прыгало непонятно мне, может кто то показать где ошибка, буду очень благодарна.