inline-block непонятный отступ

В чем может быть проблема?

(Отредактировано автором: 01 Мая, 2014 - 14:26:07)

Bio man, попробуйте удалить перенос строки и отступы перед первым элементом.

В том то и дело, что нет ничего. Вот ссылка, если интересно http://rcservice[dot]ru/after_sales_[dot][dot][dot]dop_oborydovanie

даа)) интереесненькая ссылка
я этот артефакт только на web-kitвых наблюдаю
в лисе нормально
через .cat-heading{clear: both;}
и .cat-item{float: left;} пропало недоразумение
(Добавление)
попробуй doctype сменить на html5

вертикальное выравнивание забыл

-----
Чем больше узнаю, тем больше я не знаю.

DelphinPRO разве это тоже не костыль?

DelphinPRO, помогло, спасибо!

LIME в данном конкретном случае мне сложно сходу объяснить данный отступ, поэтому, наверное костыль но он работает
(Добавление)
С другой стороны, по-умолчанию строчные блоки выравниваются по нижнему краю, что почти всегда неприемлемо, поэтому я как-то всегда на автомате ставлю vertical-align:top;

-----
Чем больше узнаю, тем больше я не знаю.

с другой стороны они должны выравниваться одинаково поэтому я вижу данное поведение как баг
и флоат не дает такого артефакта
потому считаю решение флоатом ближе к источнику проблемы
а если не сходу?
(Добавление)
отрицательный margin-top тоже решит проблему
(Добавление)
наверное)

Даже сходу объясняется. Как вам всем известно, есть линейный блок у которого есть базовая линия. Внутри линейного блока находятся инлайн блоки(в данном случае блоки со свойством display:inline-block;). По-умолчанию инлайн блоки имеют выравнивание baseline. У блоков со значением display:inline-block базовой линией является базовая линия последнего текста, внутри блока. Итого имеем, что в первом блоке с зеленой рамкой текста больше, чем в остальных блоках.
Поэтому в первом блоке базовая линия находится ниже, чем в остальных блоках. И эта базовая линия первого блока вешается на базовую линию линейного блока. Надеюсь понимаете о чем я? Словами довольно сложно объяснить, если что в картинках поясню.
(Добавление)
Либо, если текста внутри такого блока нету - то базовой линией является низ блока, то бишь в данном случае, если бы не было текста внутри зеленого блока, то его базовой линией являлся бы зеленый нижний бордер.
(Добавление)
данный "артефакт" вы бы наблюдали везде, если строк текста в одном из блоков было больше, чем в другом. Видимо в других браузерах вы не наблюдали данных "артефакт" т.к. текст во всех блоках в этих браузерах имел одинаковое количество строк.

(Отредактировано автором: 05 Мая, 2014 - 15:54:26)

вероятно так и есть. я не обратил внимание на текст...

-----
Чем больше узнаю, тем больше я не знаю.