Auto height issues in Explorer

Can you post a link to a page that uses this code?

Yes, of course!

https://www.johangustavsson.com/wordpress

It’s not an IE-specific issue. There’s nothing in the image’s height attribute in Firefox either but FF appears to be calculating the image height correctly. Looks like your custom meta field is returning an empty string.

Hmm, that sounds bad.

unfortunately I’m not so good at coding so I dont know what to do. But I guess the problem is more specified and thats good! Thank you very much esmi!

Do you, or anyone else, have a solution or a hint that will push me in right direction of solving this problem?

Maybe if you dropped a copy of the code into WordPress pastebin and post the pastebin url here, someone will be able to spot the problem. Given that there’s nothing obviously wrong with the code you posted above, it could where you’re using it that’s the issue. Are you using a get_posts Loop, by any chance?

Ok, here it is!

https://wordpress.pastebin.ca/1742087

Yes, im using a get_posts Loop. I guess Im using three of them.

(Note: credit for the code should go to neoian2, it’s his from the beginning. Im just trying to make if fit my purpose)

Im starting to think it has something to do with the CSS. So here is the CSS for the affected DIVs

https://wordpress.pastebin.ca/1742149

Ok, I “solved” the problem.
I just removed the “height” attribute form the img tag.

So the code that calls for my post-img and resizing it to 300px width looks lite this:

<a href="<?php the_permalink(); ?>" rel="bookmark"> <img style="padding-bottom:20px;" src="<?php echo $postimageurl; ?>" alt="<?php the_title(); ?>" width="300" />

Is this a good solution or should I do something else?

Cheers

It’s a valid solution. The only disadvantage is that the browser then has to download the image before it can correctly calculate the screen estate that the image will occupy – which can result in a very slight increase in the page rendering time and make the layout shift as the various objects are downloaded.

I think the reason that you’re not picking up the height is that you’re using get_posts for that Loop. Unlike query_posts, you don’t get all of the post-related data unless you add the function setup_postdata() with the $post array as its argument.

Try changing:

<?php $posts = get_posts('numberposts=5&offset=0'); foreach ($posts as $post) : start_wp(); ?>

to

<?php $posts = get_posts('numberposts=5&offset=0'); foreach ($posts as $post) : setup_postdata($post); ;start_wp(); ?>

I changed all the $post arrays to the one you suggested and kept the code
height="<?php echo get_post_meta($post->ID, "Height", true);?>" in the IMG tag.

Unfortunately it didn’t do the trick. The images are still squeezed vertically in IE ??

Which IE on what OS? I don’t see any squeezed images. I should be seeing them here– https://www.johangustavsson.com/wordpress– right?