Grow your CSS skills. Land your dream job.

Images don’t resize in Firefox

  • # January 10, 2013 at 7:32 am

    I have a problem with Firefox making images smaller. It looks fine in Chrome but the original larger size of the image is shown in Firefox despite the rules given to it.

    You can view the problem here – see the circle navigation under the city scape.
    http://dev.uk-cpi.com/sustainable-cities

    **CSS**

    .future-nav img {width: 120px; height: 120px;}

    **HTML**

    # January 10, 2013 at 7:41 am

    The images in Chrome are 66px by 66px and the ones in FF are 120px by 120px.

    Change this;

    .future-nav img {
    width: 120px;
    height: 120px;
    }

    To this;

    .future-nav img {
    width: 66px;
    height: 66px;
    }

    And it should be fine?

    # January 10, 2013 at 8:52 am

    Douh! I feel so stupid, I missed that!

    Cheers!

    # January 10, 2013 at 8:59 am

    Glad you got it working mate :)

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

You must be logged in to reply to this topic.

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