MS Edge & CSS, Edge displaying different..... |
MS Edge & CSS, Edge displaying different..... |
paganJim |
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. 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; } |
Lo-Fi Version | Time is now: 5th June 2024 - 01:46 AM |