The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

> MS Edge & CSS, Edge displaying different.....
paganJim
post Dec 14 2021, 01:29 AM
Post #1





Group: Members
Posts: 2
Joined: 14-December 21
Member No.: 28,197



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.
Attached Image

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

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;
}


User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Posts in this topic
paganJim   MS Edge & CSS   Dec 14 2021, 01:29 AM
pandy   Looks perfectly fine for me in Edge. Is this on a ...   Dec 14 2021, 02:05 AM
paganJim   Looks perfectly fine for me in Edge. Is this on a...   Dec 15 2021, 06:10 PM
pandy   You are welcome. 😂   Dec 16 2021, 08:27 AM


Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 5th June 2024 - 01:46 AM