браузер автоматически изменение размера макета сетки

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

enter image description here

он делает это только на 2-х страницах Повсеместно весь магазин -

http://www.towingpartsoutlet.com/chain-assemblies-grade-80-chain-assemblies-3-8-chain-assemblies-g80.html 
    http://www.towingpartsoutlet.com/chain-assemblies-grade-70-chain-assemblies-5-16-grade-70-v-chains.html

нет браузера конкретных правил в CSS ...

Im очень смущен. Может ли кто-нибудь помочь.

источник

2013-12-10 Mr Pimpdaddy

Ваш текст оказывает на другой размер каждого элемента. Так как в ваших ящиках задано значение ширины, то текст диктует размер окна. Вы можете сказать, что ширина составляет 33%, но Chrome добавляет отступы на 33% и делает ее намного более крупной. – ntgCleaner

здесь: http://stackoverflow.com/questions/10158893/table-cell-padding-woes-with-chrome и здесь: http://stackoverflow.com/questions/3605367/chrome-vs-ff-ie-opera-in-calculating-table-cell-width-table-layoutfixed. Я предлагаю избавиться от прокладки и сделать div внутри ячейки таблицы, которая находится в центре с фиксированным размером. – ntgCleaner

Выглядит как проблема «переполнения». Попробуйте установить 'overflow: hidden;' в основной обертку (тот, у кого есть желтый фон градиента). –

line 34 вашего файла css, css-element.css. Замените все этим. Должна работать лучше, чем раньше (даже в других браузерах, table немного перекрывал). : D

tr, td { 
    margin: 0 2px 2px 0; 
    display: inline-table; 
    table-layout: fixed; 
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    word-wrap: break-word; 
}

Затем добавьте этот CSS, а также (до т.р./тд код):

table { 
    border-spacing: 0; 
}

источник

2013-12-10 01:09:53

ваш css работал. Большое спасибо ... как это сделать хром от добавления дополнения? –

Прокладка не была действительно проблемой, скажем. Но я использовал 'box-sizing: border-box' для обеспечения того, чтобы дополнение не добавлялось к ширине элемента, вместо этого добавление было применено в пределах ширины 33%' td'. Подробнее о 'box-sizing' здесь: https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing –

браузер автоматически изменение размера макета сетки

ответ

Смежные вопросы