<td style="width:"> 不适用于 Internet Explorer 7 和 Internet Explorer 5

【问题标题】：<td style="width:"> Is Not Applying To Internet Explorer 7 And Internet Explorer 5<td style="width:"> 不适用于 Internet Explorer 7 和 Internet Explorer 5
【发布时间】：2016-11-01 17:15:02
【问题描述】：

我的一些网页上有表格。表格的一部分具有上述标题中的样式。在除 Internet Explorer 7 和 Internet Explorer 5 之外的所有 Web 浏览器上，上述宽度都是正确的。然而，在 Internet Explorer 7 和 5 上，宽度是错误的。太大了。

谢谢，

威廉

整个页面的代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<head>
<meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type"/>
<meta name="description" content="<#location> weather data"/>
<meta name="keywords" content="Cumulus, <#location> weather data, weather, data, weather station"/>
<meta http-equiv="refresh" content="300"/>
<title><#location></title>
<link href="weatherstyle.css" rel="stylesheet" type="text/css"/>
</head>


<body>
<div id="content">
<h1><#location></h1>
<h2 style="text-align: left; text-transform: none;"> Latitude:&nbsp;50.70189285&nbsp;&nbsp;&nbsp;&nbsp;Longitude:&nbsp;-3.30849957&nbsp;&nbsp;&nbsp;&nbsp;Elevation&nbsp;<#altitude></h2>
<!--[if IE]>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
  <td colspan="3" class="tableseparator_temp">Temperature/Humidity</td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Temperature</td>
  <td align="center"><#tempTH><#tempunit></td>
  <td align="right"><#TtempTH></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">Low&nbsp;Temperature</td>
  <td align="center"><#tempTL><#tempunit></td>
  <td align="right"><#TtempTL></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Heat&nbsp;Index</td>
  <td align="center"><#heatindexTH><#tempunit></td>
  <td align="right"><#TheatindexTH></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">Low&nbsp;Wind&nbsp;Chill</td>
  <td align="center"><#wchillTL><#tempunit></td>
  <td align="right"><#TwchillTL></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Apparent&nbsp;Temperature</td>
  <td align="center"><#apptempTH><#tempunit></td>
  <td align="right"><#TapptempTH></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">Low&nbsp;Apparent&nbsp;Temperature</td>
  <td align="center"><#apptempTL><#tempunit></td>
  <td align="right"><#TapptempTL></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Dew&nbsp;Point</td>
  <td align="center"><#dewpointTH><#tempunit></td>
  <td align="right"><#TdewpointTH></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">Low&nbsp;Dew&nbsp;Point</td>
  <td align="center"><#dewpointTL><#tempunit></td>
  <td align="right"><#TdewpointTL></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">Temperature&nbsp;Range</td>
  <td align="center"><#temprange><#tempunit></td>
  <td align="right"></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Humidity</td>
  <td align="center"><#humTH>%</td>
  <td align="right"><#ThumTH></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">Low&nbsp;Humidity</td>
  <td align="center"><#humTL>%</td>
  <td align="right"><#ThumTL></td>
</tr>
<tr>
  <td colspan="3" class="tableseparator_wind">Wind</td>
</tr>
<tr class="td_wind_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Wind&nbsp;Gust</td>
  <td align="center"><#wgustTM>&nbsp;<#windunit></td>
  <td align="right"><#TwgustTM></td>
</tr>
<tr class="td_wind_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Average&nbsp;Wind&nbsp;Speed</td>
  <td align="center"><#windTM>&nbsp;<#windunit></td>
  <td align="right"><#TwindTM></td>
</tr>
<tr class="td_wind_data">
  <td class="main_table_text_labels" style="width: 199px">Dominant&nbsp;Direction</td>
  <td align="center"><#domwindbearing>&deg;&nbsp;<#domwinddir></td>
  <td align="right"></td>
</tr>
<tr class="td_wind_data">
  <td class="main_table_text_labels" style="width: 199px">Wind&nbsp;Run</td>
  <td align="center"><#windrun>&nbsp;<#windrununit></td>
  <td align="right"></td>
</tr>
<tr>
  <td colspan="3" class="tableseparator_rainfall">Rainfall</td>
</tr>
<tr class="td_rainfall_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Rainfall&nbsp;Rate</td>
  <td align="center"><#rrateTM>&nbsp;<#rainunit>/hr</td>
  <td align="right"><#TrrateTM></td>
</tr>
<tr class="td_rainfall_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Hourly&nbsp;Rainfall</td>
  <td align="center"><#hourlyrainTH>&nbsp;<#rainunit></td>
  <td align="right"><#ThourlyrainTH></td>
</tr>
<tr class="td_rainfall_data">
  <td class="main_table_text_labels" style="width: 199px">Rainfall&nbsp;Today</td>
  <td align="center"><#rfall>&nbsp;<#rainunit></td>
  <td align="right"></td>
</tr>
<tr class="td_rainfall_data">
  <td class="main_table_text_labels" style="width: 199px">Days&nbsp;Since&nbsp;Last&nbsp;Dry&nbsp;Day</td>
  <td align="center"><#ConsecutiveRainDays></td>
  <td align="right"></td>
</tr>
<tr class="td_rainfall_data">
  <td class="main_table_text_labels" style="width: 199px">Days&nbsp;Since&nbsp;It&nbsp;Last&nbsp;Rained</td>
  <td align="center"><#ConsecutiveDryDays></td>
  <td align="right"></td>
</tr>
  <tr>
  <td colspan="3" class="tableseparator_pressure">Pressure</td>
</tr>
<tr class="td_pressure_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Pressure</td>
  <td align="center"><#pressTH>&nbsp;<#pressunit></td>
  <td align="right"><#TpressTH></td>
</tr>
<tr class="td_pressure_data">
  <td class="main_table_text_labels" style="width: 199px">Low&nbsp;Pressure</td>
  <td align="center"><#pressTL>&nbsp;<#pressunit></td>
  <td align="right"><#TpressTL></td>
</tr>
<tr>
  <td colspan="4" class="td_navigation_bar">:<a href="index.htm">Index</a>::<a href="today.htm">Today</a>::<a href="yesterday.htm">Yesterday</a>::<a href="thismonth.htm">This&nbsp;Month</a>::<a href="monthlyrecords.htm">Monthly Records</a>::<a href="thisyear.htm">This&nbsp;Year</a>::<a href="alltimerecords.htm">All Time Records</a>::<a href="trends.htm">Trends</a>:</td>
</tr>

</tbody>
</table>
<![endif]-->
<!--[if !IE]>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
  <td colspan="3" class="tableseparator_temp">Temperature/Humidity</td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Temperature</td>
  <td align="center"><#tempTH><#tempunit></td>
  <td align="right"><#TtempTH></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">Low&nbsp;Temperature</td>
  <td align="center"><#tempTL><#tempunit></td>
  <td align="right"><#TtempTL></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Heat&nbsp;Index</td>
  <td align="center"><#heatindexTH><#tempunit></td>
  <td align="right"><#TheatindexTH></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">Low&nbsp;Wind&nbsp;Chill</td>
  <td align="center"><#wchillTL><#tempunit></td>
  <td align="right"><#TwchillTL></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Apparent&nbsp;Temperature</td>
  <td align="center"><#apptempTH><#tempunit></td>
  <td align="right"><#TapptempTH></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">Low&nbsp;Apparent&nbsp;Temperature</td>
  <td align="center"><#apptempTL><#tempunit></td>
  <td align="right"><#TapptempTL></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Dew&nbsp;Point</td>
  <td align="center"><#dewpointTH><#tempunit></td>
  <td align="right"><#TdewpointTH></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">Low&nbsp;Dew&nbsp;Point</td>
  <td align="center"><#dewpointTL><#tempunit></td>
  <td align="right"><#TdewpointTL></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">Temperature&nbsp;Range</td>
  <td align="center"><#temprange><#tempunit></td>
  <td align="right"></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Humidity</td>
  <td align="center"><#humTH>%</td>
  <td align="right"><#ThumTH></td>
</tr>
<tr class="td_temperature_data">
  <td class="main_table_text_labels" style="width: 199px">Low&nbsp;Humidity</td>
  <td align="center"><#humTL>%</td>
  <td align="right"><#ThumTL></td>
</tr>
<tr>
  <td colspan="3" class="tableseparator_wind">Wind</td>
</tr>
<tr class="td_wind_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Wind&nbsp;Gust</td>
  <td align="center"><#wgustTM>&nbsp;<#windunit></td>
  <td align="right"><#TwgustTM></td>
</tr>
<tr class="td_wind_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Average&nbsp;Wind&nbsp;Speed</td>
  <td align="center"><#windTM>&nbsp;<#windunit></td>
  <td align="right"><#TwindTM></td>
</tr>
<tr class="td_wind_data">
  <td class="main_table_text_labels" style="width: 199px">Dominant&nbsp;Direction</td>
  <td align="center"><#domwindbearing>&deg;&nbsp;<#domwinddir></td>
  <td align="right"></td>
</tr>
<tr class="td_wind_data">
  <td class="main_table_text_labels" style="width: 199px">Wind&nbsp;Run</td>
  <td align="center"><#windrun>&nbsp;<#windrununit></td>
  <td align="right"></td>
</tr>
<tr>
  <td colspan="3" class="tableseparator_rainfall">Rainfall</td>
</tr>
<tr class="td_rainfall_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Rainfall&nbsp;Rate</td>
  <td align="center"><#rrateTM>&nbsp;<#rainunit>/hr</td>
  <td align="right"><#TrrateTM></td>
</tr>
<tr class="td_rainfall_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Hourly&nbsp;Rainfall</td>
  <td align="center"><#hourlyrainTH>&nbsp;<#rainunit></td>
  <td align="right"><#ThourlyrainTH></td>
</tr>
<tr class="td_rainfall_data">
  <td class="main_table_text_labels" style="width: 199px">Rainfall&nbsp;Today</td>
  <td align="center"><#rfall>&nbsp;<#rainunit></td>
  <td align="right"></td>
</tr>
<tr class="td_rainfall_data">
  <td class="main_table_text_labels" style="width: 199px">Days&nbsp;Since&nbsp;Last&nbsp;Dry&nbsp;Day</td>
  <td align="center"><#ConsecutiveRainDays></td>
  <td align="right"></td>
</tr>
<tr class="td_rainfall_data">
  <td class="main_table_text_labels" style="width: 199px">Days&nbsp;Since&nbsp;It&nbsp;Last&nbsp;Rained</td>
  <td align="center"><#ConsecutiveDryDays></td>
  <td align="right"></td>
</tr>
  <tr>
  <td colspan="3" class="tableseparator_pressure">Pressure</td>
</tr>
<tr class="td_pressure_data">
  <td class="main_table_text_labels" style="width: 199px">High&nbsp;Pressure</td>
  <td align="center"><#pressTH>&nbsp;<#pressunit></td>
  <td align="right"><#TpressTH></td>
</tr>
<tr class="td_pressure_data">
  <td class="main_table_text_labels" style="width: 199px">Low&nbsp;Pressure</td>
  <td align="center"><#pressTL>&nbsp;<#pressunit></td>
  <td align="right"><#TpressTL></td>
</tr>
<tr>
  <td colspan="4" class="td_navigation_bar">:<a href="index.htm">Index</a>::<a href="today.htm">Today</a>::<a href="yesterday.htm">Yesterday</a>::<a href="thismonth.htm">This&nbsp;Month</a>::<a href="monthlyrecords.htm">Monthly Records</a>::<a href="thisyear.htm">This&nbsp;Year</a>::<a href="alltimerecords.htm">All Time Records</a>::<a href="trends.htm">Trends</a>:</td>
</tr>

</tbody>
</table>
<![endif]-->
<p class="credits"><br />
Page updated <#update format="dd/mm/yyyy hh:mm"><br/>
Powered by <a href="http://sandaysoft.com/products/cumulus">Cumulus</a> v<#version>       (<#build>)
</p>
</div>
</body>
</html>

CSS：

    @charset "UTF-8";
    body {
background-color: white;
font-family: Arial;
font-size: 10pt;
color: black;
text-align: left;
background-attachment: fixed;
background-repeat: no-repeat;
background-position: left bottom;
    table-layout: fixed;
    }
    #content {
margin-top: 5%;
margin-right: 20%;
margin-bottom: 5%;
margin-left: 20%;
    width: 800px;
    }
    h1 {
font-size: 150%;
font-weight: bold;
color: black;
padding-bottom: 1em;
text-align: center;
    }
    h2 {
font-size: 10pt;
color: black;
font-family: Arial;
text-align: left;
    }
    a {
color: #000000;
text-decoration: underline;
font-weight: normal;
    }
    a:visited {
text-decoration: underline;
color: #000000;
    }
    a:hover {
text-decoration: underline;
color: #000000;
    }
    a:active {
text-decoration: underline;
    color: #000000;
    }
    h1,h2,h3,h4,h5,h6 {
font-family: Arial;
    }
    .credits {
font-family: Arial;
font-size: 100%;
text-align: left;
    }
    h3 {
font-size: 110%;
font-weight: normal;
color: #585858;
letter-spacing: 0.4em;
text-transform: lowercase;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
    }
    ul {
font-size: 75%;
padding-bottom: 1em;
padding-top: 1em;
margin-left: 10%;
list-style-type: square;
text-transform: lowercase;
    }
    li {
padding-bottom: 0.5em;
    }
    h2 {
font-family: Arial;
font-size: 100%;
    font-weight: normal;
color: black;
padding-bottom: .2em;
background-color: white;
text-align: left;
padding-top: .2em;
padding-right: 1em;
    }
    .blockquote {
background-color: #E7E7DE;
margin-right: 22%;
    }
    caption {
font-size: 100%;
font-style: normal;
padding-top: 0.5em;
padding-bottom: 0.25em;
text-align: center;
    }
    table {
font-family: Arial;
    }
    .tableseparator_temp {
font-size: 100%;
font-weight: 400;
background-color: #6699CC;
color: black;
padding: .5em;
    text-align: center;
    }
    .tableseparator_rainfall {

font-size: 100%;
font-weight: 400;
background-color: #6699CC;
color: black;
padding: .5em;
    text-align: center;
    }
    .tableseparator_wind {


font-size: 100%;
font-weight: 400;
background-color: #6699CC;
color: black;
padding: .5em;
    text-align: center;
    }
    .tableseparator_pressure {



font-size: 100%;
font-weight: 400;
background-color: #6699CC;
color: black;
padding: .5em;
    text-align: center;
    }
    td {
font-size: 100%;
padding-top: 0.2em;
padding-bottom: 0.2em;
color: black;
    }

    .td_thumbnails {
padding-top: 0.1em;
padding-right: 0.2em;
padding-bottom: 0.1em;
padding-left: 0.0em;
    }

    .td_temperature_data {
background-color: white;
    }
    .td_rainfall_data {

background-color: white;
    }
    .td_wind_data {


background-color: white;
    }
    .td_pressure_data {



background-color: white;
    }
    .td_navigation_bar {
text-align: center;
padding-top: 1em;
padding-bottom: 1em;
background-color: #ffffff;
    }
    .labels {
background-position: left;
    }
    .site_data {
text-align: right;
    }
    .colon_separator {
font-weight: 400;
background-position: left;
    }

【问题讨论】：

  • 忘记 IE5。 IE7更重要。大声笑：D
  • 你为什么要为没有微软支持的浏览器编写代码？
  • 我现在不打扰了。

标签： html internet-explorer


【解决方案1】：

使用 depreciated 属性而不是 CSS 属性，它会起作用。

td width=""

【讨论】：

  • 我试过了，还是不行。 IE7 和 IE5 无法正常工作，因为它们不受支持，因此没有代码会改变任何 IE7 和 IE5 显示。
  • 你能提供截图吗？
  • 我不清楚这个问题，但您可能想要研究的其他几件事是添加 body { table-layout: fixed; }，或使用 。如果您想提供屏幕截图和/或 CSS，我会看一下。
  • 使用表格布局：固定；也没有用。我有 7 页使用 标签。所以，我不想重新编码一切。我网站的 CSS 现在在我的帖子中。
【解决方案2】：

您可能需要在 HTML 顶部有一个单独的 CSS 页面和一个 IF 语句，用于评估它是哪个 Web 浏览器。然后，如果是 IE 5 或 7，请选择不同的样式表

<!--[if IE]>
<table border="0" cellpadding="0" cellspacing="0" width="100%">  
<tbody>
<tr>
  <td colspan="3" class="tableseparator_temp">Temperature/Humidity</td>......
</tbody>
</table>
<![endif]-->

然后我们在下面添加 if not right 的条件

<!--[if !IE]>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tbody>
<tr>
<td colspan="3" class="tableseparator_temp">Temperature/Humidity</td>.........
</tbody>
</table
<![endif]-->

【讨论】：

  • 是的，我该怎么做？
  • 另外，如果你不想制作一个完整的 CSS 页面，你可以把这个 if 语句放在 td 出现的地方，并根据它是否是 IE 有 2 个不同的表
  • 好的，谢谢。我会用这个吗？ meta http-equiv= x-ua-compatible content= ie=7
  • 查看上面的变化
  • 这是一个愚蠢的网络浏览器，毕竟世界上只有 1% 的人在使用它。
猜你喜欢
相关资源
最近更新 更多
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode