How to set max width of an image in CSS

Question

On my website I would like to display images uploaded by user in a new window with a specific size (`width: 600px`). The problem is that the images may be big. So if they are bigger than these `600px`, I would like to resize them, preserving the aspect ratio. I tried the `max-width` CSS property, but it doesn't work: the image's size doesn't change. Is there any way to solve this problem? HTML: ```

``` CSS: ``` img.Image { max-width: 100%;} div#ImageContainer { width: 600px; } ``` I also tried setting the `max-width: 600px` for an image, but doesn't work. The image is streamed from a servlet (it's stored outside Tomcat's webapps folder).

Accepted Answer

You can write like this:

```
img{
    width:100%;
    max-width:600px;
}
```

Check this http://jsfiddle.net/ErNeT/

How to set max width of an image in CSS

Solution

Problem