Блок не выравнивается по центру при margin:0 auto;

[Temik2704]

День добрый,подскажите почему блок с картинкой не выравнивается по центру при заданном margin:0 auto; ?

Все равно остается какой-то отступ справа.

http://cssdesk.com/7gteB

[klierik]

http://screencast.com/t/THKLSBC2

[Temik2704]

http://screencast.com/t/THKLSBC2

Спасибо,но а в чем причина была?Интересно же.

[klierik]

в том что картинку надо выровнять по-центру. картинка меньше чем блок в котором она находится.

[Mister-N]

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

[Temik2704]

в том что картинку надо выровнять по-центру. картинка меньше чем блок в котором она находится.

Опять не по центру!(

Картинка больше чем блок в котором она находится кстати.Мне нужно чтобы она ужималась до размеров блока,я это сделал с помощью max-width:100% и max-height:100% а потом этот блок становился по центру.

[wwt]

Картинка больше чем блок в котором она находится кстати.Мне нужно чтобы она ужималась до размеров блока,

тогда блоку задайте ширину, а картинке пропишите width:100%

[Temik2704]

Картинка больше чем блок в котором она находится кстати.Мне нужно чтобы она ужималась до размеров блока,

тогда блоку задайте ширину, а картинке пропишите width:100%

Спасибо,но тогда не срабатывает text-align:center; для блока.

Не хочется маржинами отодвигать.

margin:0 auto; тоже не работает(((

http://cssdesk.com/P2sMn

[Анна]

Вам нужно было к первому варианту только добавить text-align:center, как написал klierik и немного изменить верхний/нижний отступ, что-то вроде margin:12px auto, вы в последнем добавили верхний отступ, но убрали auto.