求人修改首页多格，不胜感激，在线等了

本人css不懂，只能看一些大概，求个高手解答，感激不尽。现在是左边的错位隐藏了，不知道怎么修改，如图所示（整体模板仿得是猫扑的贴贴网页）；所截图是下载的首页多格模板 宽度 304+400+262=968px，需要修改和下边一样显示效果，左右对齐，跪求，css样式：/*最新定义开始*/
.newsblue{ width:100%; margin:10px auto; height:420px; overflow:hidden}
.newsblue #nleft{ width:304px; float:left; height:420px; overflow:hidden}
#nleft #flash{ width:302px; height:229px; border:1px #e3e3e3 solid; overflow:hidden; background:#fff}

#nleft #topic{ width:302px; height:179px; margin-top:8px; border:1px #e3e3e3 solid; background:#fff}
#nleft #topic h2{ height:30px; line-height:30px; background:url({IMGDIR}/topicH2_bg.jpg) no-repeat; border-bottom:1px #e3e3e3 solid; color:#5F5F5F}
#nleft #topic h2 strong{ height:30px; width:96px; text-align:center; float:left; font-size:14px; color:#3366A9}
#nleft #topic h2 span{height:30px; width:150px; float:right; text-align:right; padding-right:10px;}
#nleft #topic h2 span a{ font-weight:400}
#nleft #topic ul{ width:96%; margin:0 auto; padding-top:3px }
#nleft #topic ul li{ border-bottom:1px dotted #e3e3e3; padding:5px 0 4px 0}
#nleft #topic ul li strong{ font-weight:400; color:#FF6602}
#nleft #topic ul li span{ padding-left:3px}
#nleft #topic ul li a{} .newsblue #center{ width:400px; float:left; margin:0 8px 0 8px; height:418px; border:1px #e3e3e3 solid; overflow:hidden; background:#fff}
.newsblue #nright{ width:236px; float:left; height:418px; border:1px #e3e3e3 solid; overflow:hidden; background:#fff}
.clear{clear:both; height:0; overflow:hidden;} #tophot{ width:400px; height:104px; background:#fff url({IMGDIR}/centerTop_Bg.jpg) no-repeat top;}
#tophot dl{ width:90%; margin:0 auto; padding-top:18px;}
#tophot dl dt{ width:69px; height:69px; float:left }
#tophot dl dt img{ width:65px; height:65px; border:1px #e3e3e3 solid; padding:1px; background:#fff }
#tophot dl dd{ float:right; width:280px; padding-top:2px}
#tophot dl dd h2{}
#tophot dl dd h2 a{ font-size:18px;}
#tophot dl dd p a{ color:#ADADAD} /*选项卡1*/
#Tab1{width:400px; padding:0px; margin:0 auto;}
/*菜单class*/
.Menubox { width:100%; background:url({IMGDIR}/Tab1_Bg.jpg) repeat-x; height:34px; line-height:34px;}
.Menubox ul{margin:0px;padding:0px;}
.Menubox li{float:left; display:block; cursor:pointer; width:89px; text-align:center; color:#5F5F5F; font-weight:bold; font-size:14px;}
.Menubox li.hover{padding:0px;background:#fff;width:89px;
background:url({IMGDIR}/Tab1_hover_Bg.jpg) no-repeat;
color:#B70000;
font-weight:bold;
height:34px;
line-height:34px;
}
.Contentbox{clear:both; height:279px; text-align:left; padding-top:5px; background:url({IMGDIR}/shuIco.jpg) no-repeat 8px 15px}
.Contentbox ul{width:96%; margin:0 auto;}
.Contentbox ul li{border-bottom:1px dotted #e3e3e3; height:32px; line-height:32px; padding-left:20px; overflow:hidden}
.ie6 .Contentbox ul li{border-bottom:1px dotted #e3e3e3; height:29px; line-height:29px; overflow:hidden}
.ie7 .Contentbox ul li{border-bottom:1px dotted #e3e3e3; height:27px; line-height:23px; overflow:hidden}
.Contentbox ul li strong{ width:290px; overflow:hidden; float:left;}
.Contentbox ul li strong a{font-size:14px; font-family:"微软雅黑","宋体"; font-weight:400}
.Contentbox ul li strong a:hover{ color:#B70000 }
.Contentbox ul li span{ float:right; color:#ADADAD; padding-top:1px; width:74px; text-align:right; overflow:hidden}
#email{ width:80px; height:18px; float:right; padding-right:8px; padding-top:8px;}
#email img{ width:80px; height:18px;}
#tongjix ul{ height:31px; line-height:31px; text-align:center}
#tongjix ol{ height:19px; border-top:1px #e3e3e3 solid; background:#FFFDE8; padding-top:3px; }
#tongjix ol strong{ width:135px; float:left; text-align:center; border-right:1px #e3e3e3 solid}
#tongjix ol strong a{ font-weight:400}
#tongjix ol span{ width:100px; text-align:center}
#tongjix ol span a.weibox{ padding-left:18px; color:#FF6602; background:url({IMGDIR}/weiboIco.jpg) no-repeat 5px 3px;}

#xuanshang{}
#xuanshang h3{ height:30px; color:#5F5F5F; line-height:30px; border-bottom:1px #e3e3e3 solid; border-top:1px #e3e3e3 solid; background:url({IMGDIR}/xuanshangH2_bg.jpg) no-repeat}
#xuanshang h3 strong{font-size:14px; width:95px; height:30px; float:left; text-align:center; color:#3366A9}
#xuanshang h3 span{ width:130px; height:30px; float:right; text-align:right; padding-right:10px;}
#xuanshang h3 span a{ font-weight:400}
#xuanshang ul{ height:195px; width:96%; margin:0 auto; padding-top:3px}
#xuanshang ul li{ border-bottom:1px dotted #e3e3e3; padding:6px 0 5px 0}
#xuanshang ul li a{} #helpx h3{ height:30px; color:#5F5F5F; line-height:30px; border-bottom:1px #e3e3e3 solid; border-top:1px #e3e3e3 solid; background:url({IMGDIR}/xuanshangH2_bg.jpg) no-repeat}
#helpx h3 strong{font-size:14px; width:95px; height:30px; float:left; text-align:center; color:#3366A9}
#helpx h3 span{ width:130px; height:30px; float:right; text-align:right; padding-right:10px; font-weight:400}
#helpx ul textarea{ width:243px; height:60px; margin:8px 0 0 7px; }
#helpx ul input{ width:249px; height:20px; margin:5px 0 0 7px; color:#989898}




在线等了，qq：346956800
上边htm模板：
<!--{subtemplate common/header}--> <script>
<!--
/*第一种形式 第二种形式 更换显示样式*/
function setTab(name,cursel,n){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("con_"+name+"_"+i);
menu.className=i==cursel?"hover":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
</script> <div class="newsblue">  <div id="nleft">
  <div id="flash">
          <!--[diy=flashx]--><div id="flashx" class="area"></div><!--[/diy]-->
        </div>
        <div id="topic">
         <h2><strong>实战营销</strong><span><a href="forum-40-1.html">更多分享</a> >></span></h2>
      <!--[diy=topicx]--><div id="topicx" class="area"></div><!--[/diy]-->
        </div>
    </div>
   
<div id="center">
     <div id="tophot">
         <!--[diy=tophotx]--><div id="tophotx" class="area"></div><!--[/diy]-->
        </div>
        
        <div id="Tab1">
            <div class="Menubox">
                <ul>
                    <li id="one1"  class="hover">最新回复</li>
                    <li id="one2" >最新主题</li>
                    <li id="one3">热帖排行</li>
                    <li id="email"><a  target="_blank" title="邮件订阅"><img src="{IMGDIR}/emailDyue.jpg" /></a></li>
                </ul>
            </div>
            <div class="Contentbox">
                <div id="con_one_1" class="hover"><!--[diy=conone1]--><div id="conone1" class="area"></div><!--[/diy]--></div>
                <div id="con_one_2" style="display:none"><!--[diy=conone2]--><div id="conone2" class="area"></div><!--[/diy]--></div>
                <div id="con_one_3" style="display:none"><!--[diy=conone3]--><div id="conone3" class="area"></div><!--[/diy]--></div>
            </div>
        </div>     </div>
   
    <div id="nright">
  <div id="tongjix">
        <ul>{lang index_today}: <em>$todayposts</em><span class="pipe">|</span>{lang index_posts}: <em>$posts</em><!--{if $_G['setting']['lastmember']}--><span class="pipe">|</span>新注: <em><a href="home.php?mod=space&username={echo rawurlencode($_G['setting']['lastmember'])}" target="_blank" class="xi2">$_G['setting']['lastmember']</a></em><!--{/if}--></ul>
          <ol>
          <strong><!--{if $_G['uid']}--><a href="home.php?mod=space&uid=$_G['uid']&do=thread&view=me" title="{lang my_posts}" class="xi2">{lang my_posts}</a><!--{/if}--><!--{if !empty($_G['setting']['search']['forum']['status'])}--><!--{if $_G['uid']}--><span class="pipe">|</span><!--{/if}--><a href="search.php?mod=forum&srchfrom=$newthreads&searchsubmit=yes" title="{lang show_newthreads}" class="xi2">{lang show_newthreads}</a><!--{/if}--></strong><span><a href="api/connect/like.php#" class="weibox" target="_blank">收听官方微博</a></span>
         
          </ol>
     </div>
        <div id="xuanshang">
         <h3><strong>营销推广</strong><span><a href="forum-50-1.html">我要推广</a> >></span></h3>
            <ul>
            <!--[diy=xuanshangx]--><div id="xuanshangx" class="area"></div><!--[/diy]-->
            </ul>
        </div>
        <div id="helpx">
         <h3><strong>官方动态</strong><span>时刻关注我们！</span></h3>
            <ul>
<li><a  target="_blank" title="收听官方腾讯微博"><img src="static/image/common/qqweiboIco.jpg" alt="收听官方腾讯微博" /></a></li>
                <li><a  target="_blank" title="收听官方新浪微博"><img src="static/image/common/sinaweiboIco.jpg" alt="收听官方新浪微博" /></a></li>
            </ul>         </div>
        
    </div>
   
</div>
</div> <!--{subtemplate common/footer}-->

没人帮忙吗，帖子都沉底了

首页多格我可以帮你弄

yoernet 发表于 2012-3-31 01:03
首页多格我可以帮你弄

谢谢了，自己弄完了，就是还有点错位

我发布过首页n格的插件，你可以去找找

谢谢了

你这问题 小
等大问题 在回答