Community Forums › Forums › Archived Forums › Design Tips and Tricks › Why Are Images So Much Smaller In Chrome Than Firefox?
- This topic has 6 replies, 2 voices, and was last updated 9 years, 9 months ago by anotherusername.
-
AuthorPosts
-
July 19, 2014 at 3:37 pm #114970anotherusernameParticipant
the images that are in an html table are much smaller when viewed in chrome than when viewed in firefox:
Please look at this page:
http://www.thebuddhagarden.com/blog/buddha-poses/
If you compare the first thumbnail image (of the white statue) which is toward the left hand side of the page, in chrome it is much smaller than in firefox.
Oddly enough, the images for the adsense images and the images in the Popular Buddhist Art section are THE SAME SIZE in chrome AND firefox (meaning, they are both the right size).
It is just the images that appear in the main content area that are so much smaller.
Thanks in advance.
http://www.thebuddhagarden.com/blog/buddha-poses/July 19, 2014 at 3:46 pm #114974emasaiParticipantWhy is your image sitting in a table? In WP you can align images left, right (text flows around the image) or none.
Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.comJuly 19, 2014 at 4:01 pm #114975anotherusernameParticipantWhy is your image sitting in a table?
Because it is 🙂
Does chrome have problems with images in tables?
How can I get chrome to show the image the right size... like REAL browsers do?
July 19, 2014 at 5:00 pm #114981emasaiParticipantI was just pointing out the fact that it is not the most efficient way to handle images in a WordPress site and would probably solve your problem if you did it the way I suggested. Tables should only be used to display tabular data and have not been used for layout for several years now.
But please be my guest, go ahead and put your images in a table, then go figure out why different browsers display things different ways. Safari does the same thing as Chrome, so according to your reasoning Safari is not a REAL browser either. I didn't bother checking in all the versions of IE because that is another can of worms.
Good Luck with your site.
Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.comJuly 20, 2014 at 1:03 pm #115065anotherusernameParticipantTables should only be used to display tabular data and have not been used for layout for several years now.
To make a long story short, there is more tabular data that will be going in there soon - just not yet. Hence, I used tables.
Is there no SIMPLE way to just tell Chrome and Safari to display the images the same as firefox / Opera / Internet Explorer do? Yeah, I could create a bunch of nested divs, but there are times when I would rather use a table.
July 20, 2014 at 1:26 pm #115069emasaiParticipantWhen you insert your image into the td try giving it a specified width.
Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.comJuly 20, 2014 at 10:16 pm #115135anotherusernameParticipantWhen you insert your image into the td try giving it a specified width.
Thanks for the note. I am assuming that when you say give "it" a specified width, you mean the td, not the image, right? (Apologies in advance if I misunderstand.)
I will try it out. Again, thanks for pointing me in the right direction.
One thing I found on the internets is that having something like:
img { max-width:100%; }
will apparently cause problems for chrome / safari when the image is in a table.
They said the solution is to change it to
max-width:none;
But then I think that prevents ALL images from being responsive, doesn't it?
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.