Problems displaying digiprove notification on website using Safari

Yeah just had a look at this, it looks awful in Safari. It also seems to affect other images on the page, so it is caused by some css (most likely in your theme). Using Safari Web Inspector I tracked it down to a CSS statement “height:100%” which is specified for <img> tags in style.css at line 157. This is part of the twenty-twelve theme and you will find it at https://dwarsliggersschrijven.nl/wp-content/themes/twentytwelve/style.css?ver=3.5.2

You can fix this by finding and removing the offending line.

It’s surprising that a standard theme like that has a conflict with Safari you should probably report it as a bug in twentytwelve.

Hi,
Cheers for the answer!
I will definitely try your solution. I’m a code novice (just started with my site 2 months ago), but I actually really enjoy trying to figure ways around it. So for now I “solved” it the quick and dirty way by changing the copyright_proof_php file (but kept a copy of the original of course). I replaced the dp_seal_trans_16x16.png style="max-width:none !important;' at both instances to dp_seal_trans_16x16.png style="max-width:16px !important;' Saved the file and uploaded it via my ftp-server. That solved the problem as far as the digiprove icon. And yes, I’ve also noticed that my smiles were completely stretched out, and decided to remove them from my site altogether. I’ll let you know if your solution works too. If yes, I’ll let the theme developers know too.

Hi there,
Well, I’ve tried removing the height:100% for the <img> tag in style.css, but unfortunately no luck. Smiles are still completely stretched out. I will let the twenty twelve theme developers know and see what they come up with. Thanks anyway for the help, and if you;re interested I let you know what they say.

Very interesting. I have just realised that we are seeing two different problems. I am seeing images stretched vertically, you are seeing them stretched horizontally (I think). I am using Safari 5.1.7 on Windows 7.

I am not seeing them stretched horizontally because of the fix you put in place.

Images seem to be stretched to fill their container. This is definitely something to do with the black art of CSS. Before you contact the theme developers I suggest that you use a developer toolbar (available as an extension or built-in on all browsers) to validate yout html and css. This may solve your issue.

As this problem affects all images on your page, it is not specific to the plugin so I am going to mark this as resolved is that ok?

Sure, fine. Thanks for all your help. Didn’t even realise you see the images stretched out vertically, I only see it horizontally. I’ll give it another shot using Firebug.

Sorry, but can I ask you a small favour? I think I solved it now by changing the height and max-width parameters for the <img> tag to “auto” in CSS editor. But since I saw my images stretched horizontally and you vertically I cannot check if the vertical stretch is resolved now. Many thanks in advance!

Yes looks fine now!

??