Fluid Height of Images

HTML & CSS
1

Hi,

I have the following CSS code in which various width images are displayed in. The problem I have is that I can’t fix the height as it will stretch the image. However without a height the image is squashed in certain browsers.

Can anyone advise how to insert images and ensure they are squashed by various browsers?

.blogimage {
   float:left;
   clear:both;
   width:60%;
margin-left:20%;
margin-right:20%;
margin-bottom:1%;
}
2

Not exactly sure what you mean… but… they won’t squash.


img {width:100%; height:auto;}

maybe?

3

Cheers dude, that sorted it.

4

Cool. Thanks for the feedback. :slight_smile:

5