打印

[求助] 高手来帮个忙~~

tlsound [楼主]

新手上路

帖子: 8
体力: 17
威望: 0
离线: 1 天

1^# 大中小发表于 2008-6-6 11:27

<!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" />
<title>无标题文档</title>
<style type="text/css">

</style></head>
<body>
<div id="banner" style="width:850px; overflow:hidden; margin:0px auto 0px auto;">  
  <div style="float:left; margin:0px 10px 0px 0px;"><img src="images/logo.png" width="264" height="72" /></div>
  <div style="float:left">AD</div>
</div>
<div id="nav_2" style="clear:both; background-image:url(images/nav_2_bg2.png); height:32px;">
  <div style="width:850px; overflow:hidden; margin:0px auto 0px auto; height:32px; line-height:32px; color:#FFFFFF; font-size:14px; font-weight:bold;">此处显示新 Div 标签的内容</div>
</div>
<div id="nav_3" style="background-image:url(images/nav_search_bg2.png); height:36px;">
  <div style="width:850px; overflow:hidden; margin:0px auto 0px auto; height:36px; line-height:36px; color:#FFFFFF;">此处显示新 Div 标签的内容</div>
</div>
<div id="color_bg" style="background-image:url(images/stock_search_bg.png); background-repeat:repeat-x; height:180px;">
<div id="stock" style="width:850px; overflow:hidden; margin:9px auto 20px auto;">
  <div id="stock_left" style="width:620px; overflow:hidden; margin:0px 20px 0px 0px; float:left;">
    <div id="name" style=" font-size:24px; font-family:'微软雅黑','黑体'; font-weight:bold; color:#000000; margin:0px 0px 12px 0px;">出售房屋全称</div>
    <div id="minute" style="margin:0px 0px 0px 0px;">
      <div style=" margin:0px 0px 0xp 0px; background-color:#ffffff; border-top:1px solid #005DA1; border-left:1px solid #005DA1;  border-right:1px solid #005DA1; padding:0px 10px 0px 10px; height:25px; line-height:25px; float:left; color:#000000; font-size:14px;" align="center";>详细介绍</div>
      <div style="clear:both; border-top:2px solid #005DA1; zoom:1; padding:12px 0px 0px 0px;">
        <div style=" width:390px; overflow:hidden; margin:0px 10px 0px 0px; line-height:24px; float:left;">此处显示新 Div 标签的内容</div>
        <div style="float:left; width:205px; border:1px solid #FFD119; background-color:#FFFFCC; padding:6px; overflow:hidden;" align="center">插入地图</div>
      </div>
      <div style="margin:18px 0px 0px 0px; clear:both; height:30px; line-height:30px; border:1px solid #CCCCCC; padding:0px 10px 0px 10px; color:#F05600; font-size:18px; font-family:'微软雅黑','黑体'; font-weight:bold;">联系电话：13777871666</div>
      <div id="jb" style="margin:18px 0px 0px 0px;">
        <div id="s_box" style="padding:3px 6px 3px 6px; color:#000000; background-color:#FFFFCC; border:1px solid #CC3300; float:left; margin:0px 9px 0px 0px;">收藏房源</div>
        <div id="s_box" style="padding:3px 6px 3px 6px; color:#000000; background-color:#FFFFCC; border:1px solid #CC3300; float:left; margin:0px 9px 0px 0px;">信息举报</div>
        <div id="s_box" style="padding:3px 6px 3px 6px; color:#000000; float:left; margin:0px 9px 0px 0px;">举报电话:0571-85310577</div>
      </div>
      <div style="clear:left; height:9px; overflow:hidden;"></div>
      <div style=" margin:0px 0px 0px 0px;">
      <div id="Tab" style=" width:620px; overflow:hidden; clear:both;">
              <div class="tabs">
                <h1 onmouseover="changTab(this)"> 相关个人房源 </h1>
                <h1 onmousemove="changTab(this)"> 相关中介房源 </h1>
                <div style="line-height:23px;">%!latest_model(/05zzhz/news/material/,1,8,1,/06jiaju/js/titile_name.html)!%</div>
                <div style="line-height:23px;">%!latest_model(/05zzhz/bbs/rdtj/,1,8,1,/05zzhz/blog/js/titile_name.html)!%</div>
              </div>
            </div>
            </div>
    </div>    
    </div>
  <div id="stock_right" style="width:210px; overflow:hidden; float:left;">
    <div id="stock_box" style=" background-image:url(images/stock_right_bg2.png); width:210px; overflow:hidden; margin:0px 0px 5px 0px;">
      <div style="background-image:url(images/stock_right_bg1.png); height:35px; line-height:35px; color:#000000; font-size:14px; font-weight:bold; padding:0px 0px 0px 8px; ">栏目标题</div>
      <div style="margin:0px 6px 3px 6px;">此处显示新 Div 标签的内容</div>
      <div style="background-image:url(images/stock_right_bg3.png); height:10px; overflow:hidden;"></div>
    </div>
    <div id="stock_box" style=" background-image:url(images/stock_right_bg2.png); width:210px; overflow:hidden; margin:0px 0px 5px 0px;">
      <div style="background-image:url(images/stock_right_bg1.png); height:35px; line-height:35px; color:#000000; font-size:14px; font-weight:bold; padding:0px 0px 0px 8px; ">栏目标题</div>
      <div style="margin:0px 6px 3px 6px;">此处显示新 Div 标签的内容</div>
      <div style="background-image:url(images/stock_right_bg3.png); height:10px; overflow:hidden;"></div>
    </div>
    <div id="stock_box" style=" background-image:url(images/stock_right_bg2.png); width:210px; overflow:hidden; margin:0px 0px 5px 0px;">
      <div style="background-image:url(images/stock_right_bg1.png); height:35px; line-height:35px; color:#000000; font-size:14px; font-weight:bold; padding:0px 0px 0px 8px; ">栏目标题</div>
      <div style="margin:0px 6px 3px 6px;">此处显示新 Div 标签的内容</div>
      <div style="background-image:url(images/stock_right_bg3.png); height:10px; overflow:hidden;"></div>
    </div>
  </div>
</div>
</div>
</div>
<div style=" border-top:2px solid #666666; padding:0px 0px 0px 0px; background-color:#FFFFFF; line-height:26px; margin:20px 0px 0px 0px; height:96px; clear:both;" align="center">
  <span class="STYLE1">增值电信业务经营许可证：浙B2-20030198 | 广告经营许可证号：3300008000006<br /></span><br />
  <a href="http://zzhz.zjol.com.cn/05zzhz/system/2005/07/28/006250381.shtml" target="_blank">网站简介</a> | <a href="http://zzhz.zjol.com.cn/05zzhz/system/2005/07/28/006250385.shtml" target="_blank">网站合作</a> | <a href="http://zzhz.zjol.com.cn/05zzhz/ad/ensample/index.shtml" target="_blank">刊登广告</a> | <a href="http://zzhz.zjol.com.cn/05zzhz/system/2005/07/28/006250382.shtml" target="_blank">联系方式</a> | <a href="http://zzhz.zjol.com.cn/05zzhz/system/2005/08/22/006277738.shtml">主持人介绍</a><a href="http://zzhz.zjol.com.cn/05zzhz/system/2005/07/28/006250382.shtml" target="_blank"></a> | <a href="http://zzhz.zjol.com.cn/05zzhz/system/2005/07/28/006250383.shtml" target="_blank">法律顾问</a> <br />
<a href="http://www.zzhz.com.cn"><img src="images/bot_logo.png" width="100" height="18" border="0" /></a></div>
</body>
<script language="javascript">
	window.onload=resetTab;
	function getTabTitle(tab) {
		var childNodesList=tab.childNodes;
		var titleNodes=new Array();
		var j=0;
		var i;
		for (i=0;i<childNodesList.length;i++) {
			if(childNodesList[i].nodeName=="H1") {
				titleNodes[j]=childNodesList[i];
				j++;
			}
		}
		return titleNodes;
	}
	function getTabContent(tab) {
		var childNodesList=tab.childNodes;
		var tabContent=new Array();
		var j=0;
		var i;
		for (i=0;i<childNodesList.length;i++) {
			if(childNodesList[i].nodeName=="DIV") {
				tabContent[j]=childNodesList[i];
				j++;
			}
		}
		return tabContent;
	}
	function resetTab() {
		var allDiv=document.getElementsByTagName("div");
		var tab=new Array();
		var j=0;
		var i;
		for (i=0;i<allDiv.length;i++) {
			if(allDiv[i].className=="tabs") {
				tab[j]=allDiv[i];
				j++;
			}
		}
		var tabTitle,tabContent;
		for(i=0;i<tab.length;i++) {
			tabTitle=getTabTitle(tab[i]);
			tabTitle[0].className="selectTab";
			tabContent=getTabContent(tab[i]);
			tabContent[0].className="selectContent";
			for (j=1;j<tabTitle.length;j++) {
				tabTitle[j].className="unselectTab";
				tabContent[j].className="unselectContent";
			}
		}
	}
	function changTab(tab) {
		var tabTitle,tabContent,i;
		if(tab.className!="selectTab") {
			tabTitle=getTabTitle(tab.parentNode);
			tabContent=getTabContent(tab.parentNode);
			for(i=0;i<tabTitle.length;i++) {
				if(tabTitle[i].className=="selectTab") {
					tabTitle[i].className="unselectTab";
				}
				if(tabContent[i].className=="selectContent") {
					tabContent[i].className="unselectContent";
				}
			}
		tab.className="selectTab";
		for(i=0;i<tabTitle.length;i++) {
			if(tabTitle[i].className=="selectTab") {
				tabContent[i].className="selectContent";
				break;
			}
		}
		}
	}	
</script>
</html>

提示：您可以先修改部分代码再运行

最下面那个版权信息怎么不会底部对齐的?