MS Edge & CSS, Edge displaying different..... Options

[paganJim]

I have a problem with a page displaying properly in MS Edge...

When I view my page in edge, the table doesn't look like any styling is being applied. I created a little test page just to see if everything was working correctly.
The first attachment is how the page looks in Edge.


This pic is how everything looks in Chrome, Firefox, Opera, etc...


Obviously, everything should look like the second pic with all of the styling.

Everything is pretty straight forward, so I am not sure where the problem lies.

Kinda sorta on the same topic... Has anyone seen anything that talks about coding for Edge v other browsers?

My code is included below. Everything is typical, as far as I can tell. Anyone spot anything that I may have missed? Obviously, I cut the code down for our purposes here. But, all of the code I cut was just TR data. That is the same as what I have included.

So, thanks for reading!
Jim

Here is the code for the HTML...

CODE

<table class="Table">
<thead>
<tr>
<th>head1</th>
<th>head2</th>
<th>head3</th>
<th>head4</th>
<th>head5</th>
<th>head6</th>
<th>head7</th>
<th>head8</th>
<th>head9</th>
<th>head10</th>
<th>head11</th>
<th>head12</th>
</tr>
</thead>
<tbody>
<tr>
<td>cell1_1</td>
<td>cell2_1</td>
<td>cell3_1</td>
<td>cell4_1</td>
<td>cell5_1</td>
<td>cell6_1</td>
<td>cell7_1</td>
<td>cell8_1</td>
<td>cell9_1</td>
<td>cell10_1</td>
<td>cell11_1</td>
<td>cell12_1</td>
</tr>

</tbody>
</table>

And the css.....

CODE

html,body {
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Geneva, Verdana, sans-serif;
    width:100%;
    margin:0;
    padding:0;
}

table.Table {
  border: 5px solid #15B0F0;
  background-color: #EEEEEE;
  width: 100%;
  height: 100%;
  text-align: left;
}
table.Table td, table.blueTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.Table tbody td {
  font-size: 13px;
  font-weight: bold;
}
table.Table tr:nth-child(even) {
  background: #D0E4F5;
}
table.Table thead {
  background: #1C6EA4;
  border-bottom: 2px solid #444444;
}
table.Table thead th {
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
table.Table thead th:first-child {
  border-left: none;
}

[pandy]

Looks perfectly fine for me in Edge. Is this on a server when it doesn't work properly for you?

[paganJim]

Looks perfectly fine for me in Edge. Is this on a server when it doesn't work properly for you?

Sorry, but I have been afk since I posted this. But, yes, it is on a server. A new account that I had setup. But, I have it working now....

I am not sure what went wrong, but I blew out the new account completely. Since this is just the beginnings of something I am starting and this was really the only thing there, I reset the account completely, and went in and set my php version to 7.4. I know that should not really effect anything but said what the hell.

After I did this, I uploaded the files again and everything worked.

As I said, uploaded the same files, exactly as I put them here.

Only thing I can figure is there was a hiccup somewhere, I am sure we all know how that goes at times.

Anyway, thank you for looking!
Jim

[pandy]

You are welcome. 😂