I've had this very simple XPage:
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core" xmlns:xc="http://www.ibm.com/xsp/custom">
<xp:this.resources>
<xp:styleSheet href="/styles.css"></xp:styleSheet>
</xp:this.resources>
<xp:div styleClass="recertTable">
<xp:div styleClass="cell-label">1</xp:div>
<xp:div styleClass="cell-label">2</xp:div>
<xp:div styleClass="cell-label">3</xp:div>
<xp:div styleClass="cell-label">4</xp:div>
<xp:div styleClass="cell-label">5</xp:div>
<xp:div styleClass="cell-label">6</xp:div>
<xp:div styleClass="cell-label">7</xp:div>
<xp:div styleClass="cell-label">8</xp:div>
<xp:div styleClass="cell-label">9</xp:div>
<xp:div styleClass="cell-label">10</xp:div>
</xp:div>
</xp:view>
styles.css:
.rTable {
display: grid;
grid-template-columns: 18% 24% 22% 30% auto;
width: 100%;
}
.cell-label {
background-color: rgb(0, 188, 212);
color: white;
font-weight: bold;
}
This works fine with FF, Edge, Chrome, but not with the outdated IE! It especially does not work, if the XPage is opened in the Notes-internal browser.
Please get rid of IE and use a modern rendering machine!
