баг в ie8 с table-cell и шириной

[chiffenok]

Добрый день у меня есть список товаров, картинку в превью нужно выровнить по вертикали и горизонтали для этого я применила метод с table cell, вроде везде все нормально кроме ie 8 почемуто ширина элемента с классом b-product__img-link больше чем положено, даже в ie 7 все хорошо но там хак применялся, посмотреть можно тут, в самом низу в блоке Товары из этой серии

еще вот какое примечание на странице каталога я использовала тот же метод но там все отлично работает

как это можно исправить?

[Yazon_Nile]

На обертку ссылки дисплеи теибл + ширину и высоту

на тебл-селл только вертикал алигн

[chiffenok]

это не работает ( клик

[Yazon_Nile]

Судя по всему баг с размерами картинки - вы там максвидс тулите.

Попробуйте в самом хтмл хадать ширину и высоту.

+ на таблицу и ссылку нет смысла ставить ширину в пикселях - 100% на таблицу будет достаточно. А реальный размер будет регулировать обертка, т.е лишка.

Соотв не придется по 10 раз перебивать стили.

[chiffenok]

ну проблема решается если убрать max-width но без нее то ни как картинка может быть больше чем контейнер ,

и вопрос почему такого глюка нет в каталоге? ведь принцип один и тот же только размеры переопределены стилями

[Николя223]

ну проблема решается если убрать max-width но без нее то ни как картинка может быть больше чем контейнер ,

и вопрос почему такого глюка нет в каталоге? ведь принцип один и тот же только размеры переопределены стилями

этот вопрос, я может смогу объяснить: всё просто. ваша картинка имеет размер - 192 ? 182; в каталоге ячейки больше - 224 x 221, поэтому max-width не был заметен.

Опять же, если я правильно понял суть вопроса))

вроде стили изменились)))

сейчас в IE получается следующее: b-product__img-wrap, он больше чем родительский LI, но при этом имеет owerflow: hidden и поэтому скрывает лишние части дочерних элементов, изображение центруется, следовательно чтоб картинка отображалась в нужном месте, ее нужно подвинуть к левому краю;

Edited December 13, 2012 by Николя223