Такая проблемка появилась. "Повесил шторку" на аватарку, а она вылезает из под нее.

Скриншот для ясности:




Как мне ее сделать таким же размером, как и аватарка?


Ссылка

http://lolzteam.ru/showthread.php?t=1153&p=6114

@Liked, а как должно быть?

@Sven, она не должна вылезать из рамки, т.е. быть в ее пределах

@Liked, в классе ".viewprofile" стоит "width: 100%;". Меняйте и центрируйте.

AleX, там же стоит text-align: center;

На что я буду менять 100% ?

Мне нужно значение для всех размеров. Будь это аватарка 100 px или 150px

В другом месте ( в профиле) у меня стоит такая же шторка ( width: 100%), ровно расположена. НО, там аватарка не центрируется.

Разве что фиксировать аватары и делать костыли.
У дива по умолчанию ширина 100%

@Sven, каким образом я их буду фиксировать? у всех ширину под 150px?

Originally Posted by Liked

у всех ширину под 150px

Под нужный, не обязательно 150. А фиксировать через CSS
.name_class img { width: 100px !important; }

@Sven, это уже есть:

.postbitavatar img {
height: auto;
width: auto !important;
}

Liked добавил 15.08.2013 в 13:25
@Sven, один хороший человек подсказал решение:

Всплывающая подсказка находится в блоке .postbitavatar. Блок шире аватарки, поэтому тултип занимает все доступное ему по ширине пространство. Чтобы сделать подсказку размером с аватарку, .postbitavatar можно сделать инлайновым. Таким образом он будет размером с саму картинку и ее рамку. А раз ему Вы уже добавили свойство overflow: hidden, то все что находится вне этого блока, будет скрыто.

.postbitavatar {
display: inline-block;
}


Тему закрыть

Это тоже костыль, к сожалению.
Добавлю, что не во всех браузерах будет работать. Особенно на компьютерах у "блондинок"