把表格改成div+css

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="left_bg"> </td>
    <td width="776" valign="top">
   <table width="776" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="22" background="images/top_01.gif"><table width="97%" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td>
           <table width="100%" border="0" cellpadding="0" cellspacing="0" class="font_top_welcome">
                <tr>
                  <td><strong>无名小说网欢迎您，您可以选择[<a href="#"><font color="#D66C23">登录</font></a>]或者[<a href="#"><font color="#D66C23">注册新用户</font></a>]！</strong></td>
                </tr>
              </table></td>              <td width="32%"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0" class="font_top_function">
                  <tr class="yellow a">
                    <td align="center"><a onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.jieqi.com')"a href="#">设为首页</a></td>
                    <td align="center"><a href="javascript:window.external.addFavorite('http://www.jieqi.com','杰奇网络')">加入收藏</a></td>
                    <td align="center"><a href="mailto:">联系方式</a></td>
                  </tr>
                </table></td>
            </tr>
          </table></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="240" height="130" rowspan="3" background="images/top_logo_bg.gif"><img src="images/logo.gif" width="71" height="73"></td>
            <td rowspan="3"><img src="images/top_03.gif" width="14" height="130"></td>
            <td><img src="images/top_04.gif" width="468" height="18"></td>
            <td rowspan="3"><img src="images/top_05.gif" width="54" height="130"></td>
          </tr>
          <tr>
            <td width="468" height="60" align="center" valign="middle" background="images/top_banner.gif"> </td>
            </tr>
          <tr>
            <td><img src="images/top_06.gif" width="468" height="52"></td>
            </tr>
        </table></td>
      </tr>
      <tr>
        <td height="38" background="images/top_menu_bg.gif"><table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td><table width="100%" cellspacing="0" >
              <tr id="headerbar">
                <td align="left" valign="middle"><table cellpadding="0" cellspacing="0" >
                    <tr>
                      <td><script language="JavaScript" src="common/menu.js" type="text/javascript"></script>
                          <script language="JavaScript" type="text/javascript">

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

楼主，这个得靠自己啊，先学学http://www.w3school.com.cn/h.asp有什么问题再贴上来，大家帮你。
div真的比table布局好吗，不见得吧
技术型钻牛角尖急躁者，table与div应用的场景并不相同，不要总让它们彼此仇视
有个table转div的工具这个不行自己搜搜，以前用过，table全部转换成div了
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta content="text/html; charset=gb2312" http-equiv="Content-Type">
<link href="%B0建文%2C文档%20(2).css" rel="stylesheet" type="text/css">
</head>
<body class="gen-1">
<div class="ts-1">
<div class="left_bg ts-1-1"></div>
<div class="ts-1-2">
<div class="ts-2">
<div class="ts-2-1">
<div class="ts-3">
<div class="ts-3-1">
<div class="font_top_welcome ts-4">
<div class="ts-4-1"><strong class="gen-2">无名小说网欢迎您，您可以选择[<a href=""><font color="#d66c23">登录</font></a>]或者[<a href=""><font color="#d66c23">注册新用户</font></a>]！</strong> </div>
</div>
</div>
<div class="ts-3-2">
<div class="font_top_function ts-5">
<div align="center" class="ts-5-1"><a onclick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.jieqi.com')" href="" a="" class="gen-2">设为首页</a> </div>
<div align="center" class="ts-5-2"><a href="javascript:window.external.addFavorite('http://www.jieqi.com','杰奇网络')" class="gen-2">加入收藏</a> </div>
<div align="center" class="ts-5-3"><a href="mailto:" class="gen-2">联系方式</a> </div>
</div>
</div>
</div>
</div>
<div class="ts-2-2">
<div class="ts-6">
<div class="ts-6-1"><img src="images/logo.gif" width="71" height="73" class="gen-2"> </div>
<div class="ts-6-2"><img src="images/top_03.gif" width="14" height="130" class="gen-2"> </div>
<div class="ts-6-3"><img src="images/top_04.gif" width="468" height="18" class="gen-2"> </div>
<div class="ts-6-4"><img src="images/top_05.gif" width="54" height="130" class="gen-2"> </div>
<div align="center" class="ts-6-5"></div>
<div class="ts-6-6"><img src="images/top_06.gif" width="468" height="52" class="gen-2"> </div>
</div>
</div>
<div class="ts-2-3">
<div class="ts-7">
<div class="ts-7-1">
<div class="ts-8">
<div align="left" class="ts-8-1">
<div class="ts-9">
<div class="ts-9-1"><script language="JavaScript" type="text/javascript" src="common/menu.js" class="gen-2"></script><script language="JavaScript" type="text/javascript" class="gen-2">
</body></html></script> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>.gen-1 {
line-height: 110%;
}.ts-1 {
border: none;
height: 190px;
position: relative;
text-align: left;
width: 981px;
}.ts-1-1 {
border: none;
height: 0px;
left: 0px;
overflow: hidden;
padding: 0px;
position: absolute;
top: 0px;
width: 0px;
}.ts-1-2 {
border: none;
height: 190px;
left: 0px;
padding: 0px;
position: absolute;
top: 0px;
width: 981px;
}.ts-2 {
border: none;
height: 190px;
position: relative;
text-align: left;
width: 776px;
}.ts-2-1 {
background-image: url('images/top_01.gif');
border: none;
height: 22px;
left: 0px;
padding: 0px;
position: absolute;
top: 0px;
width: 776px;
}.ts-3 {
border: none;
height: 18px;
margin-left: auto;
margin-right: auto;
margin-top: 2px;
position: relative;
text-align: left;
width: 97%;
}.ts-3-1 {
border: none;
height: 18px;
left: 0.00%;
padding: 0px;
position: absolute;
top: 0px;
width: 67.99%;
}.ts-4 {
border: none;
height: 18px;
position: relative;
text-align: left;
width: 100%;
}.ts-4-1 {
border: none;
height: 18px;
left: 0.00%;
line-height: 18px;
padding: 0px;
position: absolute;
top: 0px;
width: 100.00%;
}.gen-2 {
vertical-align: middle;
}.ts-3-2 {
border: none;
height: 18px;
left: 67.99%;
padding: 0px;
position: absolute;
top: 0px;
width: 32.01%;
}.ts-5 {
border: none;
height: 18px;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: left;
width: 80%;
}.ts-5-1 {
border: none;
height: 18px;
left: 0.00%;
line-height: 18px;
padding: 0px;
position: absolute;
text-align: center;
top: 0px;
width: 33.16%;
}.ts-5-2 {
border: none;
height: 18px;
left: 33.16%;
line-height: 18px;
padding: 0px;
position: absolute;
text-align: center;
top: 0px;
width: 33.16%;
}.ts-5-3 {
border: none;
height: 18px;
left: 66.84%;
line-height: 18px;
padding: 0px;
position: absolute;
text-align: center;
top: 0px;
width: 33.16%;
}.ts-2-2 {
border: none;
height: 130px;
left: 0px;
padding: 0px;
position: absolute;
top: 22px;
width: 776px;
}.ts-6 {
border: none;
height: 130px;
position: relative;
text-align: left;
width: 776px;
}.ts-6-1 {
background-image: url('images/top_logo_bg.gif');
border: none;
height: 130px;
left: 0px;
line-height: 130px;
padding: 0px;
position: absolute;
top: 0px;
width: 240px;
}.ts-6-2 {
border: none;
height: 130px;
left: 240px;
line-height: 130px;
padding: 0px;
position: absolute;
top: 0px;
width: 14px;
}.ts-6-3 {
border: none;
height: 18px;
left: 254px;
line-height: 18px;
padding: 0px;
position: absolute;
top: 0px;
width: 468px;
}.ts-6-4 {
border: none;
height: 130px;
left: 722px;
line-height: 130px;
padding: 0px;
position: absolute;
top: 0px;
width: 54px;
}.ts-6-5 {
background-image: url('images/top_banner.gif');
border: none;
height: 60px;
left: 254px;
overflow: hidden;
padding: 0px;
position: absolute;
text-align: center;
top: 18px;
width: 468px;
}.ts-6-6 {
border: none;
height: 52px;
left: 254px;
line-height: 52px;
padding: 0px;
position: absolute;
top: 78px;
width: 468px;
}.ts-2-3 {
background-image: url('images/top_menu_bg.gif');
border: none;
height: 38px;
left: 0px;
padding: 0px;
position: absolute;
top: 152px;
width: 776px;
}.ts-7 {
border: none;
height: 3px;
margin-left: auto;
margin-right: auto;
margin-top: 17px;
position: relative;
text-align: left;
width: 750px;
}.ts-7-1 {
border: none;
height: 3px;
left: 0px;
padding: 0px;
position: absolute;
top: 0px;
width: 750px;
}.ts-8 {
border: none;
height: 3px;
position: relative;
text-align: left;
width: 100%;
}.ts-8-1 {
border: none;
height: 1px;
left: 0.00%;
padding: 1px;
position: absolute;
top: 0px;
width: 99.73%;
}.ts-9 {
border: none;
height: 1px;
position: relative;
text-align: left;
width: 0px;
}.ts-9-1 {
border: none;
height: 0px;
left: 0px;
line-height: 0px;
padding: 0px;
position: absolute;
top: 0px;
width: 0px;
}