Printable Version of Topic
Click here to view this topic in its original format
HTMLHelp Forums _ General Web Design _ MS Edge & CSS
Posted by: paganJim Dec 14 2021, 01:29 AM
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...
<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.....
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;
}
Posted by: pandy Dec 14 2021, 02:05 AM
Looks perfectly fine for me in Edge. Is this on a server when it doesn't work properly for you?
Posted by: paganJim Dec 15 2021, 06:10 PM
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
Posted by: pandy Dec 16 2021, 08:27 AM
You are welcome. 😂
Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)