当前位置:  开发笔记 > 编程语言 > 正文

跨浏览器HTML布局的正确方法是什么?

如何解决《跨浏览器HTML布局的正确方法是什么?》经验,为你挑选了1个好方法。

我只是阅读了一个应该支持多个现代浏览器的网络产品的代码(包括FireFox 3.X,Safari 3.X和IE7 +,但不包括IE6-).HTML代码使用div而不是table来创建类似于表格的效果.实际上,div的组织方式如下:

   
...
...
...
...
...
...

有一段onload JavaScript代码可以读取所有"headerX"元素,计算它们的最大offsetWidth.然后为每个都指定max offsetWidth.通过这种方式,div很好地对齐,就像表格一样.

实际上,我认为这不是一个好方法,但我被告知该产品的设计方式是支持跨浏览器,因为在不同的浏览器表现不同.

我不相信.所以,问题.除了上面提到的方法,有没有更好的方法为所有流行的浏览器制作表格式布局?



1> Paolo Bergan..:

看起来几乎每个人都误解了你的问题(或者我做过).

听起来网络产品试图使用div显示表格数据,它们的原因在于它是使其跨浏览器兼容的最佳方式.这不仅是错误的,通过将javascript引入等式,它们会立即降低用户的兼容性.如果用户禁用了javascript,则div会很乱.最好是

在这种情况下使用,因为它实际上在浏览器中运行得相当好,这就是为什么它曾经如此吸引人地设计布局.

大多数人在他们的答案中指的是使用表格制作网站布局的旧罪,我不认为你的问题真的涵盖了.无论如何,这是不合适的,因为

标签在语义上与保持布局内容无关.始终最好保留HTML文档的语义含义.这个网络产品正在做的是同样的罪,但是以相反的方式:他们正在使用
标签显示表格数据,当
它存在时.

推荐阅读
惬听风吟jyy_802
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有