забавный margin))
 

добрыго времени суток всем) столкнулся с проблемой, хотя решил его (правда, не сосвес элегантным способом, но главное результат), но всё же интересно отчего она возникла,, значит есть 6 элементов у которых margin 20px 30px, все в одной линии (display: inline-block), тут всё прекрасно во всех браузерах, даже в ие :) при скроллиге добавляются под ними ещё 6 элементов, с тем же внешним отступом, но почему-то во вех браузерах визуально добавленыые элементы смещаются немного, начал проверять чем тоько угодно: алерты, файербаг, девелопмент тулс.. никаких ошибок во всём документе, абслютно) в том числе и маргины у существующих и добавленных элементов одинаковы..начал играться в стилях и проблема решился когда маргин существующих оставил 20px 30px, а у добавленных изменил на 20px 32px, проверил, везде сработало) даже в ие :D собственно этого мне и надо было, то есть не имеет значение что там в коде, главное он без ошибок и нужгый результат) но всё же очень интересно от чего этот визуальный обман? кто-нибудь сталкивался с этим?)

не воспроизводится http://codepen.io/animhotep/pen/GFryL

ну я ж написал) когда динамически довавляются :)

и как можно ответить не видя кода по вашему?

ну код-то вы верно написали на codepen) похоже чётко объяснил что смогли с такоё точностью написать код :) то есть суть та же, проблема в том когда оно добавляется динамически, причём проблема только визуальная, надеюсь ясно выразился)

нет. нету разницы каким образом добавлен код
если что-то едет значит на добавленный код влияют другие стили

я тож в первую очередь так подумал, но проверив оказалось что на них ничто не влияет, ну в принципе если влияло бы, то вляило б и на существующих, а не только на динамически добавленных) тут всё же есть какая-то хитрость :)

п.с: в форуме я новичок, но у меня 5-и летний стаж по девелопменту ;)

С легкостью верю в чудо смещения на 2 пиксела не видя исходников. Пастернака не читал, но одобряю, в общем.

выражаю вам искреннюю благодарность за вашу веру)