How to fit image in div tag

Question

i have image inside div tag. when i change image (with high resolution) url from code behind , it shows scrolling for that div. How to fit image to div.

Here is my code

 <div class="imageCols">
    <img runat="server" id="imgOriginal" alt="orgImg" />
 </div>

imgOriginal.Src = "ProfilePictures/" + Session["WorkingImage"].ToString();

You can specify the height and width with css, but the full image is still being downloaded so if possible you might want to consider resizing the actual image. — Jack, Aug 15 '13 at 13:46
A possible duplicate http://stackoverflow.com/questions/7336503/how-to-vertical-align-image-inside-div/11716065#11716065 — Tahir Yasin, Aug 15 '13 at 13:48

score 2 · Answer 1 · answered Aug 15 '13 at 13:46

2

Try...

.imageCols img {
    width: 100%;
}

answered Aug 15 '13 at 13:46

Dan Lister

2,543
1
21
36

score 0 · Answer 2 · answered Aug 15 '13 at 13:48

0

.imageCols
{
  max-width:100%;
  max-height:100%;
}

Works in all modern browsers

answered Aug 15 '13 at 13:48

Vitaly

2,064
19
23

How to fit image in div tag

2 Answers2