Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.
Image vs Column Width
This discussion has been closed.
Comments
.Comment img {
width: expression(Math.min(this.width, 440) + "px");
max-width: 440px;
height: auto;
}
Now, the "max-width" expression works great in Firefox, and the "expression(Math.min(this.width, 440) + "px"); " seems to work in IE, but only some of the time! (I have tried the same expressions under just ".img" and ".body img" - no difference.)
Half the time when the page loads up a selection of images on screen have been shrunk down to 41 pixels wide. What the hell is going on?
I have never seen this happen anywhere else. Is this a clash in Vanilla or an attempt by IE to make me go insane?
Cheers
.Comment img { width: 90%; // or something like that. That will be a bit smaller than the window width of the .Comment area }
It may look as though that would make the width of the image 90% of the images width, but it actually sets it to 90% of the element width the image is nested in (in this case, the .Comment).
Give that a go.