TylerPutnam

Yes, however the pictures I will be uploading to this space are different sizes. Some of the pictures are taller than they are wide, and vice versa. So if I use auto for either the height or width, then the photo will either be too wide or too tall for the space I would like the photo to fit in. I am trying to find a way that would make sure the height is never larger than 600px and the width is never larger than 900px while still keeping the photo in proportion to its original size.

When I use height: 600px; width: auto; it causes the pictures that are wider to span across the whole page, but I would like for the image to stop at 900px and keep its proportion.

I have a page designed to display a larger image above then you hover over a thumbnail of the same picture. My problem is that I want the display area to have a max-height of 600px OR a max-width of 900px. Right now the pictures that are different sizes cause the HTML to jump all over the place. I would like for the area for display to stay that 600px by 900px and the images to display within that area according to their size. If the height of the picture hits 600px before the width hits 900px, I want it to stop there. If the width hits 900px before the height hits 600px, I want it to stop there. Any suggestions? Thank you.