Центрировать аватар?

[Синий Дракон]

Можно ли центрировать картинку аватара внутри блока .commentAuthor и если да, то как?
Долгий поиск по сообществу ничего не дал, найти дневник с такой уже реализованной фичей мне тоже пока не удалось.

@темы: основные блоки, Дизайн

Comments

[bokonist]

если я правильно понял
.commentAuthor .avatar {margin-left:auto;margin-right:auto;}

[Трубчатый Кот]

bokonist А в IE это будет работать?

Мой вариант: .commentAuthor .avatar{text-align: center;}

[Синий Дракон]

bokonist это шаманизм. Вот почему не работает align:center и задавать центрирование надо через отступы? И что дает форма записи ".commentAuthor .avatar", прочему не работает обращение просто к .avatar?

Рёцке попробовал и так, и этак. Вот результаты (контейнер .commentAuthor раскрашен желтым для наглядности):

.commentAuthor .avatar{text-align:center}
Наблюдается явный перекос в левую сторону, аватары явно не по центру.


.commentAuthor .avatar{margin-left:auto;margin-right:auto}
Для большой аватарки отображение стало центральнее, а вот аватара меньшего размера лишь немного отодвинулась от левого края.


В итоге я попробовал оба варианта совместить:
.commentAuthor .avatar{margin-left:auto;margin-right:auto;text-align:center}
что дало как раз тот результат, который мне и требовался.


Всем большое спасибо.

[Трубчатый Кот]

Относительно чего именно надо центрировать аватар?
проверьте еще и в IE

[Синий Дракон]

Рёцке, в ИЕ-7 все выглядит тоже замечательно.

[bokonist]

Синий Дракон, это не шаманизм, а единственный предлагаемый спецификацией способ центрирования блочного элемента фиксированной ширины.