html - An image in a DIV and parameter height in % -


i have little problem height :

first code

<html> <head> </head>  <body> <div id="photo" div name="photo" style="position: absolute; overflow: auto; width: 74%; height: 74%; left: 25%; top: 10"> <center><img id="grandeimg" img name="grandeimg" src="../../fonds/black.gif" img style="display:none; height:80%" onmouseover="this.style.display='none'"/></center> </div>  <div align="left" style="position: absolute; width: 66%; height: 15%; left: 30%; top: 79%" > <img alt="dsc_6844.jpg" src="dsc_6844_thumb.jpg" onmouseover="getelementbyid('grandeimg').src='dsc_6844.jpg';getelementbyid('grandeimg').style.display='block'" onmouseout="getelementbyid('grandeimg').src='../../fonds/black.gif';getelementbyid('grandeimg').style.display='none';"/> </div> </body> </html> 

for works, use 2 images (one in full size dsc_6844 , other in small size dsc_6844_thumb. when mouse on over small picture, full picture displayed, else full picture not displayed. in version of internet explorer before ie10, that's works fine (works fine firefox , other).

my problem on ie10. problem on img id="grandeimg", parameter height=80% if replace height=80% width=80% or height=500 image resized successfully. if want resize image in height % doesn't work.

i not expert html, don't know css, use small html.

can test little code (with name of 2 images @ you, placed in same directory html file) ?

have solution ?

it neccessary me resize image placed in div % because use lanscape , portrait picture.

thnaks in advance answer , solution (please detailled solution or example because not expert of html).


Comments

Popular posts from this blog

linux - Does gcc have any options to add version info in ELF binary file? -

android - send complex objects as post php java -

charts - What graph/dashboard product is facebook using in Dashboard: PUE & WUE -