才子小窝

天生我才必有用,千金散尽还复来

« 喜迎2008北京奥运才子眼中的北京2008奥运会开幕式 »

Firefox把caption元素挤出table家庭

前段时间写了一篇“关于table如何通过XHTML验证那档子事”,最后贴出了一段才子自用的table样式的定义,有网友今天告诉我,他发现定义了table的margin之后,也就是定义了table的外边距之后,在Firefox下的渲染效果与其它各大主流浏览器都不同,caption这个标签元素是表格的说明,却被挤出了table之外,变成caption与表格内容之间的边距是定义的margin的值了。
这就奇怪了,caption与thead,tbody,tfoot都是table下同等级的元素,为什么Firefox却把caption元素挤出了table家庭呢?真有点匪夷所思。
才子用其它的一些浏览器都测试过了,唯独只有Firefox的渲染效果不同,看来Firefox这个被大家所公认的所谓优秀的Web标准浏览器,似乎也有不标准的地方,呵呵。
PS:才子一直都觉得Firefox就是个垃圾。

特意做个演示页面,请大家用各种不同的浏览器浏览一下,看看渲染效果的差异!
定义了表格宽度为100%,也只有Firefox把左边的表格线也弄没了,原因不明。
演示:http://www.54caizi.org/demo/firefox-is-different-for-caption.html

风流才子 作品,转帖请保留原文地址链接,谢谢合作!
才子小窝http://www.54caizi.org

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新评论及回复

最近发表


Copyright 2008-? 才子小窝. Some Rights Reserved. 
粤ICP备08040021号  网站地图