It could be me, and I could be trying to use a feature incorrectly, but I think there may be a bug in IE11 with columns that have ‘Equalize Column Height’ set to true.
The first column within a row expands to full row width, overlapping any other columns following it. I’ve corrected this by just setting the ‘Equalize Column Height’ to false, but thought it may be a bug because it’s only happening in IE11, not other browsers, including Edge.
As I said, I could just be using the feature incorrectly, but any input from BB Team is appreciated. I have screenshots but won’t be able to upload them until later today.
I’ve already fixed this and to be honest, don’t have time to set up a demo page to reproduce it. Just wanted to let you know about it. Does this not happen in IE11 within other sites? Create a full width row, add 2 or more columns as fixed width content and set equalize height to true for the columns. Should be fairly straightforward to reproduce if it is a bug. Thanks for taking the time to look at this.
Thanks for pointing out this issue. I did some testing, but can’t seem to create it in IE11. I added a full-width two column row, made the columns equal height, added content, and everything appears to be fine (screenshot attached).
Is it possible that this is a conflict with your theme? Let me know.
I just checked the site on both Windows 7 and Windows 10 using IE 11 and it works fine there. What OS are you on? Do you mind sharing a screenshot of what you’re using? You can upload it to imgur and paste the link here.
Ah, I can see it now. This is actually a known IE 11 issue which they haven’t released a fix for yet. The problem is when the browser tries to resize the large images on an equal height column. The only fix we can give for now is to make sure you don’t use super large images, use the exact image dimensions if possible. You can check the link below for more info. https://connect.microsoft.com/IE/feedbackdetail/view/891815
Can you explain why this would occur on the “Our Work” page which is using essential grid? The only image assigned to this page is a row background, the rest are part of the flexible grid.
Each item in the grid contains an image that is pretty large(1800x1350). Each item in the grid is still in place because it’s using position absolute. The images are being resized to 413x310, if you could use those dimensions for the images on the grid, you can get rid of this issue on IE 11.