Как бороться с небольшим расстоянием между блоками?

Question

[Степан Крапивин]

На некоторых сайтах, бывают отступы.
К примеру сайт пузат
в firefox 52,
в opera 42, а вот в хромиум 55 всё ок

Почему так происходит и как этого избежать при вёрстке?

Answer 1

[Сергей]

При чем тут ресеты? Посмотрите на картинку: треугольный блок нарисован с помощью рамки, он имеет ширину 84,44 пикселя, при этом смещен вправо на 85 пикселей. Вот эти полпикселя и проглядывают. Поменяйте на right:-84px

Comments

[Степан Крапивин]

Точно! Спасибо!
Хотя ширина рамки указана border-width: 85px, но вычисляется как 84px. Т.е. расчёт верстальщика был на то, что указав толщину рамки и точно такой же отступ в пикселях, то будет всё ок.

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

[Сергей]

Я думаю это из-за того, что сам элемент физически не имеет ни ширины ни высоты. А фигура из рамки чего-то там недорисовывает.

Answer 2

[Олег]

Почитайте про reset css
Я использую обычно reset css Эрика Майера
Сброс вообще всех margin и padding браузера
*{margin:0;padding:0;}

Comments

[Степан Крапивин]

как раз на этом сайте используется reset.css и bootstrap со своими "сбросами" но это им не помогло

[Олег]

Степан: ХЗ смотрю в ff,opera, hrome везде одинаково все.
Смотрите с одного разрешения?

[Степан Крапивин]

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

[Степан Крапивин]

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

[Степан Крапивин]

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

[drtvader]

При использовании Inline-block возможно появление отступов между элементами.

Answer 3

[whoisthere]

Normalize

Comments

[Степан Крапивин]

в комментариях к предыдущему ответу написал, что на том сайте используется reset.css и bootstrap с его ресетами. Не думаю что нормализ поможет

Answer 4

[Евгений Кузовлев]

Я масштабирования в системе, случайно, нет? Firefox и Opera его учитывают, а вот Chrome нет

Comments

[Степан Крапивин]

Да, есть масштабирование. Но ведь такое поведение далеко не на всех сайтах.