Re: max-width: in CSS

Posted by Harvey on
URL: https://support.nabble.com/max-width-in-CSS-tp5610302p5612530.html

Arrow wrote

Hi Harvey, thank you for your assistance.
I've modified you code a little bit so that the images will resize depending on the viewer's screen resolution. This is working for me in the latest versions of Firefox and Internet Explorer.
I''ve added the margin-bottom line because one of my users sometimes forgets to leave line spaces when posting multiple images.
Is the height: auto; line needed, it's working OK on mine without it?

.nabble .message-text img {
  max-width: 100%;
  margin-bottom: 5px;
}

That is sooo coool!  I added both top and bottom margins because I get people doing that all the time too.

The max width % may actually be better because if someone "quotes" an image the space is narrower.

So you don't need the height: auto?