9

Have a look at this user's network profile. The profile picture is overflowing.

enter image description here

While his Stack Overflow profile looks fine. Please fix this.

6
6

overflow: hidden; added to the user-avatar CSS class.

Thank for reporting.

With you in the next SE.com build.

Done.

4
  • Doesn't it still look wired? It's not a square. Sep 30 '13 at 10:13
  • 1
    @hims056 - You are right - there is some padding there, and the element is floated. Will see what I can do about it.
    – Oded
    Sep 30 '13 at 10:18
  • All we need is to remove right padding and add margin-right: 15px; Sep 30 '13 at 10:22
  • 1
    @hims056 - sorted.
    – Oded
    Sep 30 '13 at 10:34
4

The reason is <div class="user-avatar"> has width: 128px; and the image itself is 200px wide. So the text is not overflowing avatar's div, but image inside that div is too wide for it's container.

Stack Overflow uses overflow: hidden; on the avatar container div, so image is clipped and the right side of it is simply not visible. Network profile does not have this set.

2
  • 1
    But his Stack Overflow profile uses the same image. Probably we need to use the same class/style in network profile as Stack Overflow. Sep 30 '13 at 7:20
  • 2
    @hims056 updated.
    – Mołot
    Sep 30 '13 at 7:21

Not the answer you're looking for? Browse other questions tagged .