`

TR边框定义在IE中无法显示问题

阅读更多
IE中定义TR的边框,如:

<tr style="border:1px solid #cccccc;">
  <td>...</td>
</tr>

或者

TR{
  border:1px solid #cccccc;
}


均无法显示,TABLE样式中加上"border-collapse: collapse;”并不起作用,在Firefox和Chrome中显示正常。原因还是在于IE的定义和解析标准问题,在HTML头上增加以下DOCTYPE定义后问题即得到解决:

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

相关推荐

    CSS的下拉菜单,支持IE6 IE7 Firefox

    - 在IE6中,使用了`&lt;table&gt;`元素作为嵌套容器,以解决某些布局问题。 - 在IE7中,则直接使用了正常的HTML结构。 #### 总结 本文介绍了一个兼容IE6、IE7及Firefox浏览器的纯CSS下拉菜单实现方案。通过合理的CSS...

    css制作带箭头的css边框

    此方法主要利用了CSS中的伪元素以及边框属性来构建箭头形状,并通过不同宽度的线条来模拟边框层次感。 #### 代码结构解析 1. **基础页面结构**:HTML文档遵循XHTML 1.0 Strict标准。 ```html &lt;!DOCTYPE ...

    Web前端开发试卷及答案.doc.doc

    解释:在 CSS 中,IE6 浏览器有默认行高,导致无法定义 1px 左右高度的容器。 4. Firefox 中标签的居中问题可以使用 *{margin:0px auto;} 来解决。 解释:在 CSS 中,可以使用 * 选择器来选择所有元素,并使用 ...

    IE盒子模型和标准W3C盒子模型_资料收集

    **定义**:IE盒子模型是早期Internet Explorer浏览器所使用的模型,与标准W3C盒子模型相比,IE盒子模型将边框和内边距也计算在元素的宽度和高度之内。 **组成**: - 同标准W3C盒子模型,同样包括content、padding、...

    网设计最新经典技术文档HTML语言剖析七表格标记样本.doc

    对于边框颜色,bordercolor用于设置整体边框颜色,但在IE浏览器中,bordercolorlight和bordercolordark分别定义了边框的高光和阴影颜色,但这些属性仅在IE中有效。对于非IE浏览器,可能需要使用CSS来实现类似效果。 ...

    Web前端开发试卷及答案[借鉴].pdf

    4. 如果给一行两列的表格(table)定义高度样式,在css样式中定义最合理,最能减少代码的臃肿。 知识点:在CSS中,可以使用css样式来定义表格的高度,减少代码的臃肿。 5. 对ul li的样式设成无,应该是用什么属性...

    iOS UIAlertController中UITextField添加晃动效果与边框颜色详解

    由于UIAlertAction的触发会导致UIAlertController的消失,因此无法直接通过常规方式显示错误提示。本文将详细介绍两种有效的提示方法:晃动UITextField和改变其边框颜色。 首先,我们来看如何实现UITextField的晃动...

    CSS使用图片完美修饰的全兼容圆角框.rar

    然而,在CSS早期版本中,实现跨浏览器的圆角边框并非易事,尤其是在IE6-8等老版本浏览器中。本资源"CSS使用图片完美修饰的全兼容圆角框.rar"旨在解决这一问题,通过CSS结合图片背景来创建出全兼容的圆角框效果。 ...

    CSS3_参考手册

    - **兼容性**:主流浏览器如Gecko(Firefox)、Webkit(Chrome, Safari)、Presto(Opera)均支持该属性,但在IE6及以下版本中不被支持,从IE8开始部分支持,完全支持则是在Firefox 3.0及以上版本、Chrome 2.0及以上...

    工程师必知必会盒模型与块状行内元素.docx

    IE6 及更早版本的浏览器在处理盒模型时存在一个已知的问题:它们将元素的`width`属性视为元素内容加上内边距和边框的总和,而不是只包含内容区域的宽度。这意味着如果你定义了一个元素的`width`为200像素,并设置了`...

    HTML 第八章 Table局部布局与浏览器兼容性

    对于表格,可能需要确保在不支持CSS3的浏览器中也能正常显示基本的表格结构。 在“产品列表页图片素材”和“注册页面图片素材”这两个文件中,可能包含了一些用于示例的图片资源,这些图片可能用于演示如何在表格中...

    JavaScript内部测试-笔试试题和答案.doc

    11. 某页面中有一个 1 行 3 列的表格,其中表格行&lt;tr&gt;的 id 为 row1,下列选项中能在表格中增加一列,并且这一列显示在最后面的是(C)。insertCell 方法可以增加表格的单元格,insertCell(3) 可以在表格最后增加一...

    CSS+Table图文混排中实现文本自适应图片宽度(超简单+跨所有浏览器).docx

    在网页设计中,图文混排是一项常见的任务,尤其是在新闻、博客或者产品介绍页面中。本文主要探讨了如何使用CSS和HTML的Table元素实现图文混排,使得文本自适应图片宽度,同时兼容各种主流浏览器。这种方法既简单又...

    写的htc的数据表格

    - 代码中通过检测`document.all`来确定是否在IE浏览器中运行,这表明作者考虑到了不同浏览器之间的差异性。 - 使用了IE专有的属性扩展方法(`__defineGetter__`),这可能会影响非IE浏览器的兼容性。 - **代码可...

    交大AIC的Html课件9

    在不同的浏览器中,尤其是旧版本的IE,不同单位可能有不同的渲染效果,因此在使用时需谨慎考虑兼容性问题。 本章的学习目标是掌握HTML表格的基本使用,包括创建表格、设置属性、创建标题、合并单元格以及了解尺寸...

    Web前端开发试卷及答案.doc.docx

    试卷中提到在表格布局中如何合理地定义高度样式。 4. **XHTML**: XHTML是更严格的HTML版本,遵循XML的语法规则。试卷中考察了正确的XHTML标记方式,如` `标签的闭合形式。 5. **外部样式表引用**: 正确引用外部...

    用div和ul标签画表格进行布局兼容火狐、ie6、ie7、Opera等浏览器

    `border-top`定义了顶部边框,而`border-bottom`和`border-left`在`ul`标签中被设置为0,以消除这些边框,达到表格的效果。 `ul`标签在这里替代了传统的`tr`标签,`li`则对应于`td`单元格。`#table ul`的选择器设置...

    良心出品Web前端开发试卷及答案.doc

    3. **无法定义1px高度容器**:IE6存在一个bug,无法准确渲染极小高度的元素,可以通过使用`overflow:hidden`或设置`line-height`为1px来解决。 4. **Firefox中居中问题**:在Firefox中,可以使用`*{margin:0px auto...

    《HTML教程》----------------------

    - `替代文本"&gt;`: 当图片无法显示时,显示替代文本。 **10.2 对齐图像** - 使用CSS来控制图片的位置和对齐方式。 **10.3 图像导航** - 将图片用作导航链接的一部分。 **10.4 图像地图** - 使用`&lt;map&gt;`和`&lt;area&gt;...

Global site tag (gtag.js) - Google Analytics