`
pengzhaocheng16
  • 浏览: 180342 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

ie6 表格td中无内容时不显示边框的解决办法

    博客分类:
  • css
 
阅读更多

2011-12-02 14:27:53|  分类: css兼容问题 |字号 订阅
1、在单元格中加入一个空格。这样: <td>&nbsp;</td>

2、直接在table里这样写:<table border="0" cellspacing="0" style="border-collapse:collapse"> 这种是边框在ie6下显示不全

(<table width="200px" height="200px" frame="box">)这种情况是在ie6下加边框不正确,一般在写table时最好就加上frame="box"

看清了啊,border-collapse只能是collapse,虽然border-collapse还有separate,inherit属性。用这 种方法可以把边框显示出来,但很郁闷的是—-它显示的是细边框。顺带一下separate和collapse吧, separate:separate :  默认值。边框独立(标准HTML),跟没用这个属性时显示的一样。(inherit在我看来跟separate 没啥区别,也许是我眼拙,呵呵) collapse :  相邻边被合并 相邻边被合并!默认时相邻边没有合并,所以就是 1+1=2。现在我们使用 border-collapse:collapse把我们合并了,所以宽度就是 1+1=1了出现细线边框了。

3、table { caption-side: top; width: auto; border-collapse: collapse; empty-cells: hide; }或者 table {width:100%;border-collapse: separate;empty-cells:show;} 不过,目前IE6.0持此属性,貌似只能在css2中使用。相应的脚本特性为emptyCells。

4、这里能使边框显示出来的核心是 rules=”cols”

5.还有一种情况就是已经加上边框了,但是就是不显示,其实是有边框的,只是层级关系的问题所以看到边框
解决办法(给加最外diy加上zoom:1就可以解决了)
分享到:
评论

相关推荐

    当td为空时怎样显示其边框

    在CSS布局中,当表格(table)的单元格(td)为空时,边框的显示问题经常成为开发者遇到的一个挑战。特别是在Internet Explorer (IE)浏览器中,如果一个td没有内容,即使指定了高度和宽度,边框也不会显示。这是因为...

    table表格拖动改变td宽度

    8. **用户体验优化**:为了提供更好的用户体验,可以在拖动过程中显示一个预览边框,让用户更清楚地看到即将发生的改变。此外,可以设置最小和最大宽度限制,以防止单元格过窄或过宽。 综上所述,实现"table表格...

    5种做法实现table表格中的斜线表头效果

    为了提高视觉效果,有时需要在表格表头中添加斜线来区隔不同的表头内容。实现斜线表头有多种方法,下面将详细介绍这五种方法的实现原理和适用场景。 1. 图片背景法 直接利用UI设计人员制作好的带有斜线的图片作为...

    IE兼容性总结

    本文档将根据提供的部分内容,详细总结在进行IE兼容性优化时的一些常见问题及解决方案。 #### 子页面的设置:secpagecss.css 1. **元素ID(#left_side)的右边框问题** - **问题描述**:元素ID为`#left_side`的...

    CSS实现表格细边框的两种方法

    在网页设计中,表格是一种常见的数据展示方式,而细边框可以使表格看起来更加清晰、整洁。本文将详细讲解两种利用CSS实现表格细边框的方法。 首先,第一种方法是利用CSS中的`border-collapse`属性。这个属性用于...

    div模拟table兼容ie620140424

    标题"div模拟table兼容ie620140424"指出,这是一个关于在2014年时如何使用div元素来模拟table布局,并确保在IE6中达到兼容性的技术问题。描述中提到,目标是实现table的自适应功能,以及表头的列宽与表体列宽保持...

    网页设计:如何设计细线条的表格.pdf

    然而,这种方法的缺点在于,当单元格内容为空时,表格的线条可能会显得不连续,影响整体美观。 其次,第二种方法利用了表格的暗边框(bordercolordark)和亮边框(bordercolorlight)属性。这种方法可以解决内容为...

    圆角表格的实现

    在VS2005中,创建一个新的ASP.NET页面,添加一个表格,并确保在CSS中设置表格边框宽度和样式,以便后续的JavaScript能够作用于它们。 ```html &lt;!DOCTYPE html&gt; table { border-collapse: collapse; border: ...

    Dreamweaver CS6表格操作综合实践.pdf

    在“tabIe_food”静态网页中,通过【插入】/【表格】命令,可以打开“表格”对话框,设置表格的行数、列数、宽度、边框粗细和单元格间距。例如,创建一个1行2列的表格,设置表格宽度为490像素,边框为0,单元格间距...

    基于JS代码实现当鼠标悬停表格上显示这一格的全部内容

    总结来说,通过上述步骤可以实现当鼠标悬停在表格单元格上时显示单元格全部内容的功能。重要的是,这一过程涉及到HTML结构的构建、CSS样式的设置以及JavaScript脚本的编写和事件处理。这要求开发者具备前端开发的...

    写的htc的数据表格

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

    vml实现圆角表格

    总结来说,VML提供了一种在老版IE浏览器中实现圆角图形的方法,尤其是对于圆角表格的创建。虽然现代浏览器已经广泛支持CSS3,但在维护旧项目或确保向后兼容时,理解并运用VML仍然是有价值的技能。

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

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

    javascript实现动态增加删除表格行(兼容IE FF).docx

    ### JavaScript 实现动态增加删除表格行(兼容IE/FF) #### 概述 本文将详细介绍如何使用JavaScript来实现在Web页面上动态增加和删除表格行的功能,并确保该功能在Internet Explorer (IE) 和 Firefox (FF) 等...

    最新web面试题css浏览器的兼容性问题.docx

    - 在表格布局中,IE9、IE10、FF和Chrome的`td`高度不包含边框宽度,而IE7和IE8则包含边框高度。解决方法是通过设置`line-height`和`height`相同来保持一致性。 6. **文本和文本输入框内容的对齐**: - 当`input`...

    jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera

    在网页开发中,有时我们需要为用户提供直接在表格中编辑数据的便利性,这可以通过使用jQuery实现跨浏览器的可编辑表格功能。本篇文章将详细介绍如何利用jQuery实现这一功能,支持包括IE、Firefox、Safari、Chrome和...

Global site tag (gtag.js) - Google Analytics