Вот этого я не понимаю ))
Потому что дело не в выравнивании, просто на Вашем компьютере почему-то три элемента не влезают на одну строку и соскакивают на следующую. Такое бывает, например, при решении проблем с кроссбраузерной или кроссплатформерной версткой и обычно решается уменьшением размеров или отступов на пару пикселей — визуально практически незаметно, а по цифрам влезает.
Вот в этом куске кроется… Меняю float:right — выравнивает, естественно в право, причем зеркально (естественно)
Все логично, элементы выравнивается по правому краю, а все остальные элементы обтекают их по левой стороне, но т.к. цифры не изменились — история повторяется.
Меняю float:none — растягивает блок каждой галереи на всю ширину, блок следующей под ним и т.д.
И с этим тоже всё довольно просто, этим значением Вы отключается выравнивание и обтекание, а по умолчанию блочные элементы имеют ширину 100% родительского контейнера.
Чистил, и не раз.. Opera, Chrome, Mozilla — одно и то же. Пробовал на чужом компе — та же картина..
Скорее всего у компьютеров есть что-то общее, например, версия браузеров, операционной системы или общие вирусы 🙂 Как-то была подобная проблема у одного из сотрудников, у всего офиса нормально, а у него плохо отображается. Помогло только полное удаление браузера с вычищением его файлов в системных папках (обычно браузеры хранят профиль пользователя там и не стирают после удаления) с последующей повторной установкой. Подробностей уже не помню, да и случалось это всего раз или два, но может это Ваш случай :).
