Full column background issues on Microsoft Edge

Hi, I’m having an issue with full height column background images on Edge.

I’ve got an image set as the background (tried fill and cover) in a column, and this displays fine on all browsers except for Edge (it even works on IE - it’s a miracle :wink: ).

As per the attached screenshot, the image for some reason refuses to fill the full height of the column.

You can view the site over at the link below - it’s the images in the two columns in the pink sections.

as mentioned it’s purely an Edge issue - so hopefully there’s some clever CSS you know that can fix it !

Summary

https://cooperparrydynamics.com/kickstart-microsoft-business-central/

Thanks for your time.

Hi Mark,

Thank you for writing in, please inspect your ROW and set the Vertical Align to Stretch

Flexbox for Rows and Columns (Part 1)
Flexbox for Rows and Columns (Part 2)

Hope it helps,
Cheers!

You absolute LEGEND :slight_smile: . Works a treat thank you so much!

Have a great Christmas!

You’re always welcome!

Merry Christmas too.

1 Like

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.