Scaling an embeded image.

My knowledge of html and CSS is very limited so hopefully i can ask the question and you will understand.

I have attached an image that shows the html/css so hopefully you will have a clearer picture.

I have developed an application that displays a page of a document in a frame.   Until now this has been a pdf, and the page has been scales to fit its container - the frame.

But now i am rendering a png from the document server and i have found that it is not being scaled.   By usings IE's developer tools i can see that i can add "max-height:100%" as an attribute and the image scales correctly.

How can i add that attribute to the html?  Can it been added by the document server when it renders the png .i.e. can i add something that intructs the browers to display it a 100% the size of the window?  Or must i use some CSS, or what?

The problem...
soozhCEOAsked:
Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Julian HansenCommented:
You can set it with CSS

img {
  max-height: 100%
}

Except that will apply to all images

Or give your image a clas
<img src="..." class="someclass" ...

img.someclass {
   max-height: 100%
}

Although it should not be needed - images will by default assusme their natural height and width unless expressly told to do otherwise either directly or through a parent container.

Can you post a link to your code?
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
soozhCEOAuthor Commented:
Thanks.

Did you look at the attached image?  That shows some code.

I tried both your solutions but the image did not scale, even when i used the first of your solutions.

I guess i must be doing something wrong
0
Bernard S.CTOCommented:
You really need to paste the html et cess code (relevant parts) or provide a link to an online page so that your code fan be analyzed.

Note that wit IE in some cases if you want max-height to be used you also need to define other heights B-)
0
soozhCEOAuthor Commented:
I have solved it now thanks.  Just added the height/width sizes to the img tag.
0
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
HTML

From novice to tech pro — start learning today.