请教网页布局问题

用dreamweaver做了一个div+css布局的网站首页，相结合jsp技术去实现整个项目，但是把该首页以及相应的文件放到Myeclips下创建的web project下却发现所有的布局都乱了,而且不能居中
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <base href="<%=basePath%>">
    
    <title>new shop</title>
     <meta name="keywords" content="New Store Template, HTML CSS, 3-column, website template, ecommerce template" />
    <meta name="description" content="New Store Template is a free HTML CSS website template provided by 865171.cn" />
     
<meta http-equiv="pragma" content="no-cache"/>
<meta http-equiv="cache-control" content="no-cache"/>
<meta http-equiv="expires" content="0"/>    
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3"/>
<meta http-equiv="description" content="This is my page"/>
<link rel="stylesheet" type="text/css" href="/online_shop/qt/css/templatemo_style.css"/>  </head>
  
  <body>
  <center> 
   <div id="templatemo_body_wrapper">
  <div id="templatemo_wrapper">
    <div id="templatemo_header">
      <div id="site_title">
       <a href="http://www.865171.cn/" target="_parent"> <img src="/online_shop/qt/images/templatemo_logo.png" alt="logo" /> <span>Your online shopping store</span> </a> </div>
      
      
      
      
      <div id="shopping_cart_box">
        <table align="right" >
    <tr align="center">
      <td><a href="ForeGoundServlet?action=toCart" target="_blank">购物车</a></td>
      <td><a href="ForeGoundServlet?action=userAccount" target="_blank">我的帐户</a></td>
      <td><a href="ForeGoundServlet?action=userRegistry" target="_blank">新用户注册</a></td>
      <td><a href="ForeGoundServlet?action=helpCenter" target="_blank">帮助中心</a> </td>
    </tr><tr><td valign="top"><br></td><td valign="top"><br></td><td valign="top"><br></td><td valign="top"><br></td></tr>
  </table>
      </div>
    </div>
    <!-- end of templatemo_header -->
    <div id="templatemo_menu">
      <div id="search_box">
        <form action="#" method="get">
          <p>
          商品搜索：
            <select name="ptype"  size="">
              <option  >请选择类别</option>
              <option  >服饰</option>
              <option  >食品</option>
            </select>
            
  <input type="text" value="" name="username" size="4" id="input_field" title="usernmae" />
            <input type="submit" name="login" value="Search" alt="搜索" id="submit_btn" title="Login" />
            高级搜索
          </p>
        </form>
      </div>
      <ul>
         <li><a href="index.jsp" class="current">首页</a></li>
        <li><a href="http://www.865171.cn/" target="_parent">热门商品</a></li>
        <li><a href="http://www.865171.cn">特价区</a></li>
        <li><a href="subpage.html">品牌店</a></li>
        <li><a href="index.html">我的购物车</a></li>
        <li><a href="subpage.html">商城公告</a></li>
        <li><a href="index.html">帮助</a></li>
      </ul>
    </div>
    <!-- end of templatemo_menu -->
    <div id="templatemo_content_wrapper">
      <div class="templatemo_sidebar_wrapper float_l">
        <div class="templatemo_sidebar_top"></div>
        <div class="templatemo_sidebar">
          <div class="sidebar_box">
            <h2>Categories</h2>
            <div class="sidebar_box_content">
              <ul class="categories_list">
                <li><a href="moban2.html">潮流服装</a></li>
                <li><a href="/online_shop/servlet/ListServlet">手机数码</a></li>
                <li><a href="index.html">家用电器</a></li>
                <li><a href="subpage.html">手表饰品</a></li>
                <li><a href="index.html">生活用品</a></li>
                <li><a href="subpage.html">体育用品</a></li>
                <li><a href="index.html">家居用品</a></li>
                <li><a href="subpage.html">食品</a></li>
          
              </ul>
            </div>
          </div>
          <div class="sidebar_box">
            <h2>折扣区</h2>
            <div class="sidebar_box_content">
            <a href="3.html"  target="content">
            <img src="images/templatemo_image_01.jpg" alt="product" width="160" height="120" />
            </a>
              <p>啊哈哈哈哈哈哈</p>
              <div class="discount"><span>30% off</span></div>
              <div class="cleaner"></div>
            </div>
            
            <div class="sidebar_box_content"><a href="http://www.865171.cn"><img src="images/templatemo_image_01.jpg" alt="product" width="160" height="120" /></a>
              <p>呵呵呵呵呵</p>
              <div class="discount"><span>20% off</span></div>
              <div class="discount" ><p align="right"><a href="http://www.865171.cn">更多</a></p></div> 
              <div class="cleaner"></div>
            </div>
            
          </div>
        </div>
        <div class="templatemo_sidebar_bottom"></div>
        
         <div class="templatemo_sidebar_top"></div>
        <div class="templatemo_sidebar">
          <div class="sidebar_box">
            <h2>商城公告</h2>
            <div class="sidebar_box_content">
             我的订单购物礼券我的积分我的收藏礼品卡 
    购买激活团购帮助欢迎光临当当网，请登录免费注册网上购物享当当首页图书百货 
    美妆个护 母婴用品 家居家纺 潮流服装 食品保健 玩具文具 家具装饰 鞋包皮具 手机数码 运动户外 家用电器 手表饰品 电脑办公 汽车用品             </div>
          </div>
          <div class="sidebar_box">
            <h2>进入我的店铺</h2>
            <div class="sidebar_box_content"> 
             <form> 
               <p>账户：
  <input type="text"   size="15"/>
                 <br /><br />
                 密码：
                 <input type="text"   size="15"/>
                 <br /> <br />
                 <input type="submit"  name=""  value="登录" size="15"/>
                 <input type="reset"   size="15" value="重置"/>
               </p>
               <p>点击这里 申请开铺</p>
             </form>
              <div class="cleaner"></div>
            </div>
          </div>
        </div>
        <div class="templatemo_sidebar_bottom"></div>
        
     
        
        <!-- end of sidebar -->
      </div>
      <!-- end of templatemo_sidebar_wrapper -->
      <div id="templatemo_content">
        <div id="banner">
           <div id="left"><a href="http://www.865171.cn/preview/templatemo_173_store" target="_parent"><img src="images/banner.png" alt="banner" width="500" height="200" /></a></div>
            <div id="right" ><img src="images/banner.png" alt="banner" width="190" height="200" /></div>
        </div>
         <div class="cleaner"></div>
         <div id="content_top"></div>
        <div id="content_middle">
        hhh
        <iframe  frameborder="0" src="3.html" height="1030" width="740" scrolling="no" name="content" ></iframe>
        </div>
      </div>
      <!-- end of templatemo_sidebar_wrapper -->
      <div class="cleaner"></div>
    </div>
    <!-- end of templatemo_content_wrapper -->
  </div>
  <!-- end of templatemo_wrapper -->
  <div class="cleaner"></div>
</div>
<!-- end of templatemo_body_wrapper -->
<div id="templatemo_footer_wrapper">
  <div id="templatemo_footer">
    <ul class="footer_menu">
      
      <li class="last_menu"><a href="http://www.865171.cn">Help</a></li>
    </ul>
    Copyright © 2048 <a href="http://www.865171.cn">Your Company Name</a> | 
    Designed by <a href="http://www.865171.cn/" target="_parent">www.865171.cn</a> | 
    Validate <a href="http://validator.w3.org/check?uri=referer">XHTML</a> &amp; <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
    <div class="cleaner"></div>
  </div>
  <!-- end of footer -->
</div>
<!-- end of templatmeo_footer_wrapper -->
   
  </center> 
  </body>
</html>