div的问题!求救

(改变浏览器大小的时候我位置不会变!谁来帮忙看看)

<!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"><!-- InstanceBegin template="/Templates/Untitled-3.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- InstanceBeginEditable name="doctitle" -->
<title>无标题文档</title>
<script>
function heid(){
 for(var i=1;i<=6;i++){
  document.getElementById("select"+i).style.display ="none";
 }
 }
function show(){
 for(var i=1;i<=6;i++){
  document.getElementById("select"+i).style.display ="block";
 }
 }
function close1(num){
 document.getElementById("closeDiv"+num).style.display = "none";
  show();
 }
function open1(num){
 document.getElementById("closeDiv"+num).style.display = "inline";
 heid();
 }
function returnValue(num){
 document.getElementById("closeDiv1").style.display = "none";
 var a = document.getElementById("a"+num);
 document.myform.button1.value=a.innerText;
 show();
 }

function trainshow(a,b){
 var tt = "";
 var ss = "";
 var n = 0;
 //var checkbox = document.getElementsByName("checkbox1");
 for(j=1;j<=50;j++){
  if(document.getElementById("checkbox"+j).checked==true){
   ss = document.getElementById("checkbox"+j).value;
   n+=1;
   if(n==1){
   tt =ss;
   }else{
    tt=tt+"<br>"+ss;
    }
   }
  }
  document.getElementById("ss"+a).innerHTML =tt;
  document.getElementById("ss"+a).style.display = "block";
  document.getElementById("closeDiv"+b).style.display = "none";
  show();
 }
</script>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" -->
<!-- InstanceEndEditable -->
<style type="text/css">
<!--
body,td,th {
 font-size: 12px;
}
a:link {
 color: #FFF;
 text-decoration: none;
}
a:visited {
 text-decoration: none;
 color: #FFF;
}
a:hover {
 text-decoration: none;
}
a:active {
 text-decoration: none;
}
.divs {
 border-top-style: solid;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-top-color: #FFF;
 border-right-color: #FFF;
 border-bottom-color: #FFF;
 border-left-color: #FFF;
}
-->
</style></head>
<body>
<!-- InstanceBeginEditable name="EditRegion3" -->
<div style=" height:24px; background-color:#C00; font-size:14px; color:#FFF;">    高级搜索  Advance  Search</div>
<div style="height:400px;" align="center">
<form action="" method="get" name="myform"><table width="517" border="0" cellpadding="5" cellspacing="0">
  <tr>
    <td colspan="6"><strong>*&nbsp;关键字搜索</strong></td>
    </tr>
  <tr>
    <td colspan="5"><label>
      <input name="textfield" type="text" id="textfield" size="58" />
    </label></td>
    <td width="99"><input type="button" name="button1" value="工作地点" / οnclick="open1(1)"></td>
  </tr>
  <tr>
    <td colspan="6"><strong>*更多精确搜索条件</strong></td>
    </tr>
    <tr>
    <td width="52">职业类别</td>
    <td colspan="2"><input type="button" name="button2" value="   选择/修改   " / οnclick="open1(2)" /></td>
    <td width="99">行业类别</td>
    <td colspan="2"><input type="button" name="button3" value="   选择/修改   " / οnclick="open1(2)" /></td>
    </tr>
   
      <tr>
    <td colspan="3"><div id="ss1" style="display:none;"></div></td>
    <td colspan="3"><div id="ss2" style="display:none;"></div></td>
    </tr>
   
    <tr>
    <td height="30">发布日期</td>
    <td width="102"><label>
      <select name="select1" id="select">
        <option>--请选择--</option>
      </select>
    </label></td>
    <td width="52">工作年限</td>
    <td><select name="select3" id="select3">
      <option>--请选择--</option>
    </select></td>
    <td width="53">月薪范围</td>
    <td><select name="select5" id="select5">
      <option>--请选择--</option>
    </select></td>
    </tr>
    <tr>
    <td>公司性质</td>
    <td width="102"><select name="select2" id="select2">
      <option>--请选择--</option>
    </select></td>
    <td width="52">学历要求</td>
    <td><select name="select4" id="select4">
      <option>--请选择--</option>
    </select></td>
    <td width="53">工作类型</td>
    <td><select name="select6" id="select6">
      <option>--请选择--</option>
    </select></td>
    </tr>
    <tr>
    <td colspan="6">&nbsp;</td>
    </tr>
</table>
<div id="closeDiv1" style="background-color:#FFF; display:none; position:absolute; left: 334px; top: 107px;" align="center"><table width="449" border="0" cellpadding="3" cellspacing="0" style="text-align:left;">
  <tr>
    <td colspan="5" style=" background-color:#C00; color:#FFF" >*请选择工作地点</td>
    <td width="54" style=" background-color:#C00; color:#FFF"><a href="javascript:close1(1)">[关闭]</a></td>
    </tr>
  <tr>
    <td width="61"><a href="javascript:returnValue(1)" style="color:#000" id="a1">北京市</a></td>
    <td width="60"><a href="javascript:returnValue(2)" style="color:#000" id="a2">上海市</a></td>
    <td width="61"><a href="javascript:returnValue(3)" style="color:#000" id="a3">广东省</a></td>
    <td width="62"><a href="javascript:returnValue(4)" style="color:#000" id="a4">深圳市</a></td>
    <td width="66"><a href="javascript:returnValue(5)" style="color:#000" id="a5">天津市</a></td>
    <td><a href="javascript:returnValue(6)" style="color:#000;" id="a6">重庆市</a></td>
  </tr>
  <tr>
    <td><a href="javascript:returnValue(7)" style="color:#000" id="a7">江苏省</a></td>
    <td><a href="javascript:returnValue(8)" style="color:#000" id="a8">浙江省</a></td>
    <td><a href="javascript:returnValue(9)" style="color:#000" id="a9">四川省</a></td>
    <td><a href="javascript:returnValue(10)" style="color:#000" id="a10">海南省</a></td>
    <td><a href="javascript:returnValue(11)" style="color:#000" id="a11">福建省</a></td>
    <td><a href="javascript:returnValue(12)" style="color:#000" id="a12">山东省</a></td>
  </tr>
  <tr>
    <td><a href="javascript:returnValue(13)" style="color:#000" id="a13">湖南省</a></td>
    <td><a href="javascript:returnValue(14)" style="color:#000" id="a14">陕西省</a></td>
    <td><a href="javascript:returnValue(15)" style="color:#000" id="a15">山西省</a></td>
    <td><a href="javascript:returnValue(16)" style="color:#000" id="a16">河北省</a></td>
    <td><a href="javascript:returnValue(17)" style="color:#000" id="a17">河南省</a></td>
    <td><a href="javascript:returnValue(18)" style="color:#000" id="a18">吉林</a>省</td>
  </tr>
  <tr>
    <td><a href="javascript:returnValue(19)" style="color:#000" id="a19">云南省</a></td>
    <td><a href="javascript:returnValue(20)" style="color:#000" id="a20">甘肃省</a></td>
    <td><a href="javascript:returnValue(21)" style="color:#000" id="a21">贵州省</a></td>
    <td><a href="javascript:returnValue(22)" style="color:#000" id="a22">内蒙古</a></td>
    <td><a href="javascript:returnValue(23)" style="color:#000" id="a23">黑龙江省</a></td>
    <td><a href="javascript:returnValue(24)" style="color:#000" id="a24">西藏</a></td>
  </tr>
  <tr>
    <td><a href="javascript:returnValue(25)" style="color:#000" id="a25">新疆</a></td>
    <td><a href="javascript:returnValue(26)" style="color:#000" id="a26">青海省</a></td>
    <td><a href="javascript:returnValue(27)" style="color:#000" id="a27">香港</a></td>
    <td><a href="javascript:returnValue(28)" style="color:#000" id="a28">澳门</a></td>
    <td><a href="javascript:returnValue(29)" style="color:#000" id="a29">台湾</a></td>
    <td><a href="javascript:returnValue(30)" style="color:#000" id="a30">国外</a></td>
  </tr>
  <tr>
    <td colspan="6"><hr / color="#CC0000"></td>
    </tr>
</table>

</div>
<div id="closeDiv2" style="width:583px; background-color:#CCC; position:absolute; display:none; left: 264px; top: 162px;" align="center">
<table width="582" border="0" cellpadding="3" cellspacing="0" style="text-align:left">
  <tr>
    <td colspan="4" style=" background-color:#C00; color:#FFF" >*请选择你想搜索的行业</td>
    <td width="129" style=" background-color:#C00; color:#FFF" align="right">
    <a href="javascript:trainshow(1,2)">[确定]</a><a href="javascript:close1(2)">[关闭]</a></td>
    </tr>
  <tr>
    <td width="105"><label>
      <input type="checkbox" name="checkbox1" id="checkbox1"value="计算机软件" />
      计算机软件
    </label></td>
    <td width="104"><input type="checkbox" name="checkbox1" id="checkbox2" value="计算机硬件"/>
      计算机硬件</td>
    <td width="107"><input type="checkbox" name="checkbox1" id="checkbox4" value="计算机服务" />
      计算机服务</td>
    <td width="107"><input type="checkbox" name="checkbox1" id="checkbox3" value="通信/网络设备"/>
      通信/网络设备</td>
    <td width="129"><input type="checkbox" name="checkbox1" id="checkbox5" value="批发/零售"/>
      批发/零售</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox1" id="checkbox6" value="网络游戏"/>
      网络游戏</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox10" value="会记/核审"/>
      会记/核审</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox14" value="批发/零售"/>
      办公设备</td>
    <td ><input type="checkbox" name="checkbox1" id="checkbox18" value="银行"/>
      银行</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox22" value="餐饮/娱乐"/>
      餐饮/娱乐</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox1" id="checkbox7" value="贸易/进出口"/>
      贸易/进出口</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox11" value="保险"/>
      保险</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox15" value="美容/保健"/>
      美容/保健</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox19" value="航天/航空"/>
      航天/航空</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox23" value="检测/认证"/>
      检测/认证</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox1" id="checkbox8" value="教育/培训"/>
      教育/培训</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox12" value="学术/科研"/>
      学术/科研</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox16" value="环保"/>
      环保</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox20" value="政府"/>
      政府</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox24" value="电力/水利<"/>
      电力/水利</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox1" id="checkbox9" value="酒店/ 旅游"/>
      酒店/ 旅游</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox13" value="生活服务"/>
      生活服务</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox17" value="科研人员"/>
      科研人员</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox21" value="法律"/>
      法律</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox25" value="其他行业"/>
      其他行业</td>
  </tr>
  <tr>
    <td colspan="6"><hr / color="#CC0000"></td>
    </tr>
</table>
</div>

<div id="closeDiv3" style="width:583px; background-color:#CCC; position:absolute; left: 264px; top: 160px; display:none;" align="center">
<table width="582" border="0" cellpadding="3" cellspacing="0" style="text-align:left">
  <tr>
    <td colspan="4" style=" background-color:#C00; color:#FFF" >*请选择你想搜索的行业</td>
    <td width="129" style=" background-color:#C00; color:#FFF" align="right">
    <a href="javascript:trainshow(2,3)">[确定]</a><a href="javascript:close1(3)">[关闭]</a></td>
    </tr>
  <tr>
    <td width="105"><label>
      <input type="checkbox" name="checkbox1" id="checkbox26"value="计算机软件" />
      计算机软件
    </label></td>
    <td width="104"><input type="checkbox" name="checkbox1" id="checkbox27" value="计算机硬件"/>
      计算机硬件</td>
    <td width="107"><input type="checkbox" name="checkbox1" id="checkbox28" value="计算机服务" />
      计算机服务</td>
    <td width="107"><input type="checkbox" name="checkbox1" id="checkbox29" value="通信/网络设备"/>
      通信/网络设备</td>
    <td width="129"><input type="checkbox" name="checkbox1" id="checkbox30" value="批发/零售"/>
      批发/零售</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox1" id="checkbox31" value="网络游戏"/>
      网络游戏</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox32" value="会记/核审"/>
      会记/核审</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox33" value="批发/零售"/>
      办公设备</td>
    <td ><input type="checkbox" name="checkbox1" id="checkbox34" value="银行"/>
      银行</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox45" value="餐饮/娱乐"/>
      餐饮/娱乐</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox1" id="checkbox36" value="贸易/进出口"/>
      贸易/进出口</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox37" value="保险"/>
      保险</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox38" value="美容/保健"/>
      美容/保健</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox39" value="航天/航空"/>
      航天/航空</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox40" value="检测/认证"/>
      检测/认证</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox1" id="checkbox41" value="教育/培训"/>
      教育/培训</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox42" value="学术/科研"/>
      学术/科研</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox43" value="环保"/>
      环保</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox44" value="政府"/>
      政府</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox45" value="电力/水利<"/>
      电力/水利</td>
  </tr>
  <tr>
    <td><input type="checkbox" name="checkbox1" id="checkbox46" value="酒店/ 旅游"/>
      酒店/ 旅游</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox47" value="生活服务"/>
      生活服务</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox48" value="科研人员"/>
      科研人员</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox49" value="法律"/>
      法律</td>
    <td><input type="checkbox" name="checkbox1" id="checkbox50" value="其他行业"/>
      其他行业</td>
  </tr>
  <tr>
    <td colspan="6"><hr / color="#CC0000"></td>
    </tr>
</table>
</div>
</form></div>
<!-- InstanceEndEditable -->
<div>
<div style="background-color:#C00; height:24px; width:1150; border-bottom-color:#FFF; font-size:16px" align="center" class="divs"><font color="#FFFFFF" size="-1"><a href="">&nbsp;网站导航&nbsp;</a> | <a href="">&nbsp;网站首页&nbsp;</a> | <a href="">&nbsp;职位搜索&nbsp;</a> | <a href="">&nbsp;Myjop&nbsp;</a> | <a href="">&nbsp;用户注册&nbsp;</a> | <a href="">&nbsp;用户登录&nbsp;</a> | <a href="">&nbsp;简历管理&nbsp;</a> | <a href="">&nbsp;招聘公司&nbsp;</a></font></div>
<div style="height:30; width:1150;" align="center">人才招聘&nbsp;Email:hr@51job.com</div>
<div style="height:30; width:1150;" align="center">个人求职&nbsp;Email:club@51jop.com&nbsp;&nbsp;或垂询800-820-5100</div>
<div style="height:30; width:1150;" align="center">未经本招聘网站同意,不得转载本网站之所有招聘信息及作品</div>
<div style="height:30; width:1150;" align="center">无忧工作网版权所以1999-2007</div>
<div style="height:30; width:1150;" align="center"></div>
</div>
</body>
<!-- InstanceEnd --></html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值