image size in firefox vs chrome

image size in firefox vs chrome

  
if you go to sums.gatech.edu and open it in firefox and chrome, below the intro stuff at the top there is a table records 3 wide with cardsimpleimage in each.  For each image I have under extended properties style and "max-width: 100%;max-height: 200px;". So in Chrome the table is nicely sized and the images match.  In firefox its almost like it just throws the image up there full size.  Has anyone run into this and know a fix?
well, 

imho, firefox has it right.
for example: the image "instructional lab..." is of size 894x180, so it meets your style.
max-width: 100%, and the height is 180px, so less than 200px..

since you are applying it to the style it has the highest priority in CSS-land.

anyhow, your containers above are not specifying a width, so it's a matter of interpretation of the browser how to handle it.
 

 


J. wrote:
well, 

imho, firefox has it right.
for example: the image "instructional lab..." is of size 894x180, so it meets your style.
max-width: 100%, and the height is 180px, so less than 200px..

since you are applying it to the style it has the highest priority in CSS-land.



 

 
 Well - how can I get firefox to display the same as chrome?
 
Solution
give the parent container a width 

or


add this to your stylesheet:
@-moz-document url-prefix() {
    /* Firefox doesn't respect max-width in certain situations */
    img { width: 100%; max-width: -moz-max-content; }
}

 

Solution
J. wrote:
give the parent container a width 

or


add this to your stylesheet:
@-moz-document url-prefix() {
    /* Firefox doesn't respect max-width in certain situations */
    img { width: 100%; max-width: -moz-max-content; }
}

 
 Well I already had a parent container of "fill parent" and it didn't seem to work.  However, added that code to the style sheet and it worked!!  Thank you!