来自桌子的TD边框，未在IE8中显示
我知道此问题之前已被提出过很多问题，我尝试在每个<td> </td>标记之间添加＆amp; nbsp并且效果不佳，我猜测CSS中存在某种问题但是我无法发现它，我的桌子显示好的Firefox和Chrome，但每当我尝试使用IE8时，都会丢失一些边框。下面是HTML和表格的CSS，以及截图。
表格的HTML是从PHP脚本生成的。
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<!--[if IE]>
<link rel ="stylesheet" type ="text/css" href ="layout_ie.css"/>
<![endif]-->
<!--[if !IE]> -->
<link rel ="stylesheet" type ="text/css" href ="layout.css"/>
<!-- <![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Calendario de Capacitaciones</title>
</head>
<body>
<table cellpadding="0" cellspacing="0" class="calendar">
<tr class = "calendar-row">
<td class = "calendar-day-head">Lunes</td>
<td class = "calendar-day-head">Martes</td>
<td class = "calendar-day-head">Miércoles</td>
<td class = "calendar-day-head">Jueves</td>
<td class = "calendar-day-head">Viernes</td>
<td class = "calendar-day-head">Sábado</td>
<td class = "calendar-day-head">Domingo</td>
</tr>
<tr class = "calendar-row">
<td class ="calendar-day-np"> </td>
<td class ="calendar-day-np"> </td>
<td class ="calendar-day-np"> </td>
<td class ="calendar-day-np"> </td>
<td class ="calendar-day-np"> </td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">1</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">2</div><p> </p><p> </p> 
</td>
</tr>
<tr class="calendar-row">
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">3</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">4</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">5</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">6</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">7</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">8</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">9</div><p> </p><p> </p> 
</td>
</tr>
<tr class="calendar-row">
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">10</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">11</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">12</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day">
 <div class = "day-number">13</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">14</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">15</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">16</div><p> </p><p> </p> 
</td>
</tr>
<tr class="calendar-row">
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">17</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">18</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">19</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">20</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">21</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">22</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">23</div><p> </p><p> </p> 
</td>
</tr>
<tr class="calendar-row">
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">24</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">25</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">26</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">27</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">28</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">29</div><p> </p><p> </p> 
</td>
<td bgcolor="#FFFFFB" class = "calendar-day"> 
<div class = "day-number">30</div><p> </p><p> </p> 
</td>
</tr>
<tr class="calendar-row">
<td bgcolor="#FFFFFB" class = "calendar-day">
 <div class = "day-number">31</div><p> </p><p> </p> 
</td>
<td class = "calendar-day-np"> </td>
<td class = "calendar-day-np"> </td>
<td class = "calendar-day-np"> </td>
<td class = "calendar-day-np"> </td>
<td class = "calendar-day-np"> </td>
<td class = "calendar-day-np"> </td>
</tr>
</table>
</body>
</html>
CSS
table.calendar {table-layout:fixed;margin-top:5em ;margin-left:15em; border-left:1px solid #999; }
tr.calendar-row { }
td.calendar-day { min-height:80px; font-size:11px; position:relative;border:1px solid #999; } * html div.calendar-day { height:80px; }
td.calendar-day:hover { background:#eceff5; }
td.calendar-day-np { background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:135px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number { background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }
/* shared */
td.calendar-day, td.calendar-day-np { max-width:50px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }
截图：
在IE8中的外观。
外观如何，（摘自Firefox）。
1 个答案:
答案 0 :(得分：2)
尝试在CSS中执行此操作：
td.calendar-day {
min-height:80px;
font-size:11px;
border:1px solid #999 !important;
}
相关问题
最新问题
- 我写了这段代码，但我无法理解我的错误
- 我无法从一个代码实例的列表中删除 None 值，但我可以在另一个实例中。为什么它适用于一个细分市场而不适用于另一个细分市场？
- 是否有可能使 loadstring 不可能等于打印？卢阿
- java中的random.expovariate()
- Appscript 通过会议在 Google 日历中发送电子邮件和创建活动
- 为什么我的 Onclick 箭头功能在 React 中不起作用？
- 在此代码中是否有使用“this”的替代方法？
- 在 SQL Server 和 PostgreSQL 上查询，我如何从第一个表获得第二个表的可视化
- 每千个数字得到
- 更新了城市边界 KML 文件的来源？