Помогите с версткой. Не одинаково в разных браузерах.

[alinalessioYandex]

Привет всем.

Помогите пожалуйста с версткой.

Дело в том, что работаю на Firefox. Потом решил проверить на IE, Opera, Chrome и оказалось, что правильно отображается только в Firefox.

 

Должно получиться в перечисленных браузерах примерно так (эскиз):

 

сейчас же в opera вот так:

в остальных браузерах, кнопка не делится как в opera но так же криво показывается корзина.

 

В Firefox же и корзина и кнопка совершенно корректно отображается.

 

Вот ссылка на сайт: http://fa.sb72.net/

Многое еще не готово, но хотел бы услышать совет как решить проблему с "рваной" кнопкой в opera и кривой корзиной в других браузерах.

Помогите пожалуйста найти что за стили действуют на эту кнопку в opera и почему ширина корзины на всех браузерах разная. Как сделать одинаково?

Спасибо.

[samoylia]

в #header #cart .heading { - добавить фиксированную висоту height: 33px;

в #welcome a.callme { - добавить display: inline-block; после чего поправить падинги, топы и т.п.

[alinalessioYandex]

samoylia

Спасибо большое. Помогло!

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

 

Теперь только в Chrome текст в корзине ниже чем положено.

Вот пример:

 

Заметил, что если в

#header #cart .heading a span {
    background: url('../image/arrow-down.png') 100% 50% no-repeat;
    padding-right: 15px;

убрать

padding-right: 15px;

то текст на всех браузерах отображается ровно, но картинка (треугольник) наплывает на текст.

Помогите пожалуйста поставить и текст и картинку на свои места.

[samoylia]

Смотрю на сайт и вижу, что нашли решение :-). Единственное, сделайте кликабельным весь блок #header #cart .heading {

[alinalessioYandex]

Спасибо за помощь и советы. Решение в том, что треугольничек, который сразу за количеством/суммой товаров, просто убрал. Без него во всех браузерах нормально отображается. А как настроить чтобы с треугольником было нормально так и не разобрался.