Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Image scaling

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #201273
    jwkscholte
    Participant

    hello,

    in my website I’ve got images and in chrome en safari they scale automatically but in firefox they stay the max size. Does any of you know why?

    http://codepen.io/jwks/pen/eNmXRg

    #201328
    timbarden
    Participant

    Hi,

    Looking at your CodePen I’m not seeing any visual differences in Firefox, Chrome and Safari. What exactly do you mean by “they scale automatically”?

    #201340
    jwkscholte
    Participant

    In chroom and Safari it scales(the width) but when I open it in firefox the images go over each other and don’t scale when you make the venster smaler. In my website there are a few next to each other.
    My website is made with bootstrap by the way (don’t know if that makes a difference)

    #201436
    timbarden
    Participant

    I get the impression your CodePen isn’t actually highlighting the issue you are trying to explain (you only have one image in it), plus I’m still not really sure what you’re trying to achieve apart from perhaps responsive images?

    I’d suggest posting a more relevant CodePen that actually shows the problem.

    #201472
    jwkscholte
    Participant

    hello,

    You can check my problem here:
    http://jwkscholte.nl/dummie.html

    #201496
    timbarden
    Participant

    Hey, I think it’s something to do with the inline-block on your .jm-item, as highlighted in this Firefox bug report.

    I was able to fix it by removing the inline-block or adding width: 100% to the img element.

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.