到底用谁好,CSS还是TABLE?
在网上能看到很多CSS教程,鼓励人们将HTML代码从繁琐的表格标签的套嵌中解放出来,使用CSS来代替表格。这样做不仅能提高页面的显示速度,还可以大大减少HTML页面的尺寸。
听上去还真象那么回事,我也做过一些纯CSS的页面,我也在IE和Opera中测试了一下,显示的效果也相差不多,可后来在FireFox和Mozilla中一看,简直就不认得了,变形太多了。后来发现是IE/Opera浏览器和FireFox/Mozilla浏览器对CSS的处理是不同的,最最严重的一个差别是他们对对象的实际大小的计算方法不一样。
在FireFox/Mozilla浏览器中,对象的实际宽度=(margin-left)+(border-left-width)+(padding-left)+width+(padding-right)+(border-right-width)+(margin-right);而在IE/Opera浏览器中,对象的实际宽度=(margin-left)+width+(margin-right)。这么一来,如果同时定义了对象的width,padding或margin或border-width的话,该对象在FireFox/Mozilla和IE/Opera浏览器中显示的效果就会差很多,最终导致页面的整体变形。
这样看来,还是用<TABLE>标签比较保险,虽然会导致页面结构的复杂和尺寸的增加,但至少能保证页面不会变形。如果一定要用CSS的话,最好不要同时定义一个对象的width和padding/margin/border-width。
现在用FireFox浏览器的人越来越多,在编写网页的时候最好不要使用VBSCRIPT,IE特有的DHTML,IE私有标签(如<marquee>标签,这东西就连Opera都不支持)等,这些只有IE浏览器才支持,如果你不熟悉HTML,最好也不要使用FrontPage。写javascript的时候也要注意,有些能在IE中正常执行的脚本,在FireFox中是不能用的。尽量别用IE的那些华而不实的扩展。
在网上能看到很多CSS教程,鼓励人们将HTML代码从繁琐的表格标签的套嵌中解放出来,使用CSS来代替表格。这样做不仅能提高页面的显示速度,还可以大大减少HTML页面的尺寸。
听上去还真象那么回事,我也做过一些纯CSS的页面,我也在IE和Opera中测试了一下,显示的效果也相差不多,可后来在FireFox和Mozilla中一看,简直就不认得了,变形太多了。后来发现是IE/Opera浏览器和FireFox/Mozilla浏览器对CSS的处理是不同的,最最严重的一个差别是他们对对象的实际大小的计算方法不一样。
在FireFox/Mozilla浏览器中,对象的实际宽度=(margin-left)+(border-left-width)+(padding-left)+width+(padding-right)+(border-right-width)+(margin-right);而在IE/Opera浏览器中,对象的实际宽度=(margin-left)+width+(margin-right)。这么一来,如果同时定义了对象的width,padding或margin或border-width的话,该对象在FireFox/Mozilla和IE/Opera浏览器中显示的效果就会差很多,最终导致页面的整体变形。
这样看来,还是用<TABLE>标签比较保险,虽然会导致页面结构的复杂和尺寸的增加,但至少能保证页面不会变形。如果一定要用CSS的话,最好不要同时定义一个对象的width和padding/margin/border-width。
现在用FireFox浏览器的人越来越多,在编写网页的时候最好不要使用VBSCRIPT,IE特有的DHTML,IE私有标签(如<marquee>标签,这东西就连Opera都不支持)等,这些只有IE浏览器才支持,如果你不熟悉HTML,最好也不要使用FrontPage。写javascript的时候也要注意,有些能在IE中正常执行的脚本,在FireFox中是不能用的。尽量别用IE的那些华而不实的扩展。
回复Comments
作者:
{commentrecontent}