不是绝对的放弃,只是table并不适合排版
在有道论坛产品(快贴)回复页面中,有顶楼,1楼……是独立出一列的,而且他内容都并齐在后面,这里如果用talbe拆分成两列看起来很容易做,但table不是用来排版的,我之前提到过用position:relative结合position:absolute以及padding-left可以做出很多美好的效果来,这里就是一例,还有论坛的回复区同样使用了这样的结构,当然,这仍然只是应用之一 ,了解相应的内容可以在这里看一下。
在有道购物搜索中也用到了这个方法,看这里http://gouwu.youdao.com/search?q=Thinkpad+X300&keyfrom=gouwu.indexhot&ue=UTF-8
其中的产品列表,图片,价格,比价按钮是绝对定位实现的。
另外,在IE6中position:relative会多少有些诡异的问题出现,例如不可逾越的z-index等,一般需要设置父级的标签position:relative可以解决,或者是改变tag在html中的位置,另外IE6中部分html tag有个hasLayout属性,一般问题可以通过触发hasLayout解决,稍后附上相关资料。
