i have been resizing photos using
width: 450px; height: 330px;
The problem is that this makes some photos look stretched or just plain wrong? I have also seen that on some pages the photo goes way over the edge of the main body (depending on the browser). I have seen that some times there is a % next to the size. So i tried
width: 100%; height: 100%;
But i have been told that this also makes the photos look wrong? what is the best way/format/px/% of formatting photos to make them fit the page and look correct.
The theme i am using is Zero-Point and the address is http://www.croydonaccessibletransport.org.uk/content/meet-team
Any help or guidance would be grate