Link to home
Get AccessLog in
Avatar of soozh
soozhFlag for Sweden

asked on

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?

User generated image
ASKER CERTIFIED SOLUTION
Avatar of Julian Hansen
Julian Hansen
Flag of South Africa image

Link to home
membership
This content is only available to members.
To access this content, you must be a member of Experts Exchange.
Get Access
Avatar of soozh

ASKER

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
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-)
Avatar of soozh

ASKER

I have solved it now thanks.  Just added the height/width sizes to the img tag.