Не могу найти проблему кривого отображения - Вопросы по CSS

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

в файле /components/com_ksenmart/css/bootstrap.min.css (строка 9)
пробуем уменьшить ширину с 366рх до 60
Но проверьте другие элементы сайта, поскольку с этим параметром связан еще класс uneditable-input

Проблема в том что корзина, там где  добавить количество товаров + и -  таблица задана в пикселях  534x38 px
Фото и информация о товаре в  %   итд
Короче таблица выдавливает все остальное.

Спасибо
 

Код

input.span5, textarea.span5, .uneditable-input.span5 {
    width: 60px;
}

У Вас форма налазит на клавиши, в эту же строку добавьте правило
- слева/справа отступы 5 ед

Что-то не получается(

В Chrome информация о товаре наползает на фото товара

Привет!
Там где фото  class="item-cart"
 ФОТО - <td style="width: 30%;"> хотябы - это выровнит картинки в корзине.
Я бы вообще левую колонку в корзине  новости - убрал и категории - засунул над корзиной, а Вконтакте - вообще убрал потеря 2-4 секунды при загрузки страницы, или убрать вниз под под корзину и будет вам счастье.
      

В Chrome информация о товаре наползает на фото товара

Смотрим исходный код отображения
Chrome иногда не может рассчитать процентную ширину в таблице, вот в этом очевидно и заключается "наплыв". Для блока с классом photo попробуем прописать ширину в пикселях. Так как ширина фото 100рх, пропишем ее + отступы (по 5 слева/справа)
И так, в этот же файл - bootstrap.min.css добавим строки
Проверяем

Спасибо, за помощь. Подправила)