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
Post a Comment