Is your new grid element compatible with IE11?

Support
#1

Is your new grid element compatible with IE11?

Test element in edge/chrome etc

how it looks in ie11

Ive adde these bits of css to help with ie compatibility

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
.x-face-graphic img,
.x-image img {
width: 100% !important;
}
}
.no-preserve3d .x-text {
width: 100%;
}

#2

Hey Iain,

IE 11 supports the Grid CSS spec so essentially, so is our builder’s Grid element.

What IE doesn’t like is elements with no set width or width set to auto which is the default width of most elements in our builders.

With that said, your CSS basically is the same as the Width option of the Image and Text elements.

Hope that helps.

#3

Hey Iain,

IE 11 supports the Grid CSS spec so essentially, so is our builder’s Grid element.

What IE doesn’t like is elements with no set width or width set to auto which is the default width of most elements in our builders.

With that said, your CSS basically is the same as the Width option of the Image and Text elements.

Hope that helps.

#4

So I have given all my text and images a 100% width and now this is what happens.(all elements stacked one above the other, no padding no margins)
This is not a one off, this happens every time I use grid element, even when I use the basic grid without changing anything from your stock settings (except for 100% widths) in ie11.

#5

Hey Iain,

In that case, we need to check your exact setup. Please give us the URL of the page with issue and if it requires logging in, please give us login details.

Thanks.

#6

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