html - images stretched in Chrome -


the 2 images in right-hand column of webpage have been vertically stretched 500% of intended size when viewed in google chrome. in firefox/ie fine.

the relevant html markup is

<div class="right_column">                                         <div class="photo">     <img height="80%" width="80%" alt="chalet" src="photos/slides/dscf0024.jpg"/>   </div>                           <div class="photo">     <img height="80%" width="80%" alt="bateaux" src="photos/slides/dscf0418.jpg"/>   </div> </div> 

and css is:

.right_column {   float:right;   overflow:hidden;   padding:0 5px 0 0;   width:275px; }  .photo img {   border:1px solid #666666;   margin-top:30px;   padding:4px; } 

edit

i've fixed problem , have removed link webpage (in case of confusion)

do not use both.

use width="80%".

don't know details why acts does, fix problem (unless intentionally want distort image bit using vertical stretch).


Comments

Popular posts from this blog

unicode - Are email addresses allowed to contain non-alphanumeric characters? -

C#: Application without a window or taskbar item (background app) that can still use Console.WriteLine() -

c++ - Convert big endian to little endian when reading from a binary file -