IE网页不能复制粘贴问题——都是table惹得祸

关于恳请紧急协调尽快为轨道交通三号线北延段燕塘-梅花园区间隧道盾松施工供电事宜的函 来源： OAK系统/公文/收文/  收文号： 正[2008]3780号 原文号： 穗地铁建总办〔2008〕1199号 原文日期： 2008-12-31 来文单位： 广州市地下铁道总公司 收文日期： 2008-12-31 文种： 函

在搜索页面我们的代码是：

<table width=100%>
                 <tr>
                  
                  <td width=35 align=center valign=middle></td>  <!--左边空出一些空白-->
                  
                  <td >
                   <table style='border-bottom: solid #b9ddf1 1px;'
                    width=100%>
                    <tr>
                     <td height=3></td><!--每个记录上下之间的空距-->
                    </tr>

                    <tr>

                      <!--这是每个记录的内容-->

                        <td>文档题名</td>

                        <td>。。。

                    </tr>

当复制文档题名到搜索框的input输入框时老只看到一个空格，粘贴到记事本里就显示：

文档题名

 

看到下面多了一行，你一定认为是文档题名那部分出了问题，可当你再粘贴到word文档里将看到：

关于广州计量自动化主站建设可行性研究报告的批复

 

这里还是看不太出来，在word里就可以完全看到在左边多了一个td，在上面也多了一个td，如下图所示：

	文档题名

这也难怪现在都提倡div+css，今早看了一下google和百度的结构：
中国广州政府门户网站

2009年10月26日 ... 介绍 广州市政府，领导，商业，文化及社会发展信息。
www.gz.gov.cn/ - 3小时前 - 网页快照 - 类似结果

主要分析的就是一个这样的记录：

<li class=g><h3 class=r><a href="http://www.gz.gov.cn/" mce_href="http://www.gz.gov.cn/" target=_blank class=l οnmοusedοwn="return clk(0,'','','res','2','','0CBEQFjAB')">中国<em>广州</em>政府门户网站</a></h3><div class="s">2009年10月26日 <b>...</b> 介绍<em>广州</em>市政府，领导，商业，文化及社会发展信息。<br><cite>www.gz.gov.cn/ - 3小时前 - </cite><span class=gl><a href="http://203.208.37.132/search?q=cache:9ULCYBysu_0J:www.gz.gov.cn/+%E5%B9%BF%E5%B7%9E&cd=2&hl=zh-CN&ct=clnk&gl=cn&st_usg=ALhdy2_ag2nnZqCXQKoj-g6NxRYMuPI1oQ" mce_href="http://203.208.37.132/search?q=cache:9ULCYBysu_0J:www.gz.gov.cn/+%E5%B9%BF%E5%B7%9E&cd=2&hl=zh-CN&ct=clnk&gl=cn&st_usg=ALhdy2_ag2nnZqCXQKoj-g6NxRYMuPI1oQ" target=_blank οnmοusedοwn="return clk(0,'','','clnk','2','')">网页快照</a> - <a href="/search?hl=zh-CN&rlz=1T4CULB_zh-CNCN288CN289&newwindow=1&q=related:www.gz.gov.cn/" mce_href="search?hl=zh-CN&rlz=1T4CULB_zh-CNCN288CN289&newwindow=1&q=related:www.gz.gov.cn/">类似结果</a></span></div>

google基本没有用到table，我查看了它页面的结构，就在广告那块用了一个table，其他地方基本都是采用div+css。

 

 

Nike"赛跑全人类"广州站10公里跑步 关注广州,快来参加耐克全球“赛跑全人类”中国广州站活动.报名即获印有全球唯一个人专属编号的耐克专业跑步T恤,跑完全程的参与者可获纪念毛巾,还将欣赏阵容强大的音乐庆典表演.欲知详情,请登录.. www.nike.com.cn/humanrace2009/ 1K 2009-10 - 推广

 

<table border="0" cellpadding="0" cellspacing="0"><tr><td class="f EC_PP"><a id="aw0" οnmοusedοwn="return c({'fm':'pp','title':this.innerHTML,'url':this.href,'p1':0})" href="http://www.baidu.com/baidu.php?url=dytK00jZvpCHOQqzSz6ESiV--p1PRqX4DyGcazr2nulWUh-b6zMBq1Rc6qrKUDCZzD36F49AYJiR2gtRa-WrmVUQDNCmHlhvpzq4GQfLwFWJOhv-HTyq7EaSz3ch.7b_aFOphhaoKGuBhu9Hb__LsIt7jHzk8sHfGmoenMQl_3_ZQSG6u1TPH_ZQsdIT7jHzlRL5spyrdrW6IPIdsRP5Qa1Gk_EdwnNmPQnR1n2X2-muCyrh1Wk_R.THv43qUI0ZnqnfKs5H00m1Ys0AYqn0KWThnqPjm3Ps0.UAsqrjb30Atqnf" mce_href="http://www.baidu.com/baidu.php?url=dytK00jZvpCHOQqzSz6ESiV--p1PRqX4DyGcazr2nulWUh-b6zMBq1Rc6qrKUDCZzD36F49AYJiR2gtRa-WrmVUQDNCmHlhvpzq4GQfLwFWJOhv-HTyq7EaSz3ch.7b_aFOphhaoKGuBhu9Hb__LsIt7jHzk8sHfGmoenMQl_3_ZQSG6u1TPH_ZQsdIT7jHzlRL5spyrdrW6IPIdsRP5Qa1Gk_EdwnNmPQnR1n2X2-muCyrh1Wk_R.THv43qUI0ZnqnfKs5H00m1Ys0AYqn0KWThnqPjm3Ps0.UAsqrjb30Atqnf" target="_blank" ><font size="3">Nike"赛跑全人类"<font color="#c60a00">广州</font>站10公里跑步</font></a><br><font size=-1>关注<font color="#c60a00">广州</font>,快来参加耐克全球“赛跑全人类”中国<font color="#c60a00">广州</font>站活动.报名即获印有全球唯一个人专属编号的耐克专业跑步T恤,跑完全程的参与者可获纪念毛巾,还将欣赏阵容强大的音乐庆典表演.欲知详情,请登录..</font> <br><font size=-1 color="#008000">www.nike.com.cn/humanrace2009/ 1K 2009-10</font><font size=-1> - <a href="http://e.baidu.com/?id=1" mce_href="http://e.baidu.com/?id=1" target="_blank" class="m">推广</a></font></td></tr></table> <br>

百度是我们中国第一个搜索引擎，他还是采用了table的方式，但对于每个记录只采用一个td，其中的所有内容全部放在一个td里，用<br>标签来换行和上下两个记录之间的间距。

 

总而言之，我们的页面采用了太多table,tr,td，而div+css只是作为一种辅助工具来使用，如浮动层，弹出窗口之类的。