CODEWITHSUNDEEP
cssinternet-explorer-11css-tablesdisplay
Ale
Ale

Reputation: 45

Internet Explorer display: table issue

I'm currently working myself into display: table to improve a website I'm working on. Problem is, that it should also work on IE. But instead of setting multiple cells into one row, IE aligns my cells as one straight column. I also tried to set a (pink) background-color during debugging but IE doesn't even show the bg-color.

Any help?

  .Table
  {
    display: table;
    background: #ff69b4;

  }
  .Title
  {
    display: table-header-group;
    width: 100%;
  }
  .Row
  {
    display: table-row;
  }
  .Cell
  {
    display: table-cell;
    padding-left: 5px;
    padding-right: 5px;
    min-height: 80px;
    min-width: 200px;
  }

This works perfectly fine in any other browser.

Upvotes: 2

Views: 90

Answers (1)

Ale
Ale

Reputation: 45

I just found the bug with randomly deleting css properties. Got nothing todo with the display: table property, but with this:

h2 {
  font-weight: normal;
  color: var(--primary-color);
}

Upvotes: 1

Related Questions