Grow your CSS skills. Land your dream job.

Stretched images

  • # September 18, 2009 at 8:05 am

    Not sure what’s happened here but a lot of the images on my new site are appearing distorted in some browsers, mainly Safari on the Mac. The images get stretched out very large and consequently screw up the site due to the images taking over the whole screen.

    Also in some IE versions the opposite happens, with images being shrunk very small.

    The url is http://graemepirie.com and I’m struggling to think of why the images are getting distorted. All images are the correct size they should be, they’re not re-sized with css or anything like that.

    Any ideas?

    # September 18, 2009 at 8:34 am

    well your reset (which I frown upon anyway) is using height: 100% for all those elements – including img. I’d remove it.

    # September 18, 2009 at 9:51 am

    Cheers.

    I’ve had aa play around and I think I’ve solved it in most browsers except for Safari on Mac, I’ve even defined heights and width in the css for the different image types, even though all images are the correct size and it still resizes them.

    I removed img from the reset as well as height: 100% and can’t think of much else to do now.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".