+ -
当前位置:首页 → 问答吧 → 写了一段html代码,放到layout里,就是说上下左右都有固定内容,我就把自己写的table放到中间的地方即可,但现在table的内容延伸到右面的layout

写了一段html代码,放到layout里,就是说上下左右都有固定内容,我就把自己写的table放到中间的地方即可,但现在table的内容延伸到右面的layout

时间:2011-06-01

来源:互联网

写了一段html代码,放到layout里,就是说上下左右都有固定内容,我就把自己写的table放到中间的地方即可,但现在table的内容延伸到右面的layout部分了。是怎么回事阿?

作者: liangjamy   发布时间: 2011-06-01


我这段代码哪里出了问题阿? 怎么把table放到layout布局的中间地方的话,会漏出阿,延伸到右面的布局上了,请各位大侠帮帮忙。

<form id="" name="" method="post" action="?" onSubmit="return check();">
<div>
<div style="font-size:24px; text-align:center">应聘人员登记表</div><br>
亲爱的应聘者:<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;首先感谢您抽出宝贵的时间来参加这次的面试活动<br></div>
<label>姓名:</label><input maxlength="10" name="xingming" type="text" size="10">&nbsp;&nbsp;
<label>应聘岗位名称:</label><input maxlength="10" name="yingpingangweimingceng" type="text" size="20">&nbsp;
<label>日期:</label><input maxlength="10" name="yingpingangweimingceng" type="text" size="20">
</div>
<table class="hborder">
<tr>
<td colspan="7"><span>教育程度(自高到低列出,高中或高中以上的填写)</span></td>
</tr>
<tr>
<th style="width=15%">起止时间</th>
<th colspan="2" style="width=15%">学校名称</th>
<th style="width=15%">学历</th>
<th colspan="2" style="width=15%">专业/毕业证</th>
<th rowspan="4" style="width=20%">1寸彩色照片</th>
</tr>
<tr>
<td><input maxlength="50" name="starttime" type="text"></td>
<td colspan="2"><input maxlength="50" name="schoolname" type="text"></td>
<td><input maxlength="50" name="degree" type="text"></td>
<td colspan="2"><input maxlength="50" name="major" type="text"></td>
</tr>
<tr>
<td><input maxlength="50" name="starttime" type="text"></td>
<td colspan="2"><input maxlength="50" name="schoolname" type="text"></td>
<td><input maxlength="50" name="degree" type="text"></td>
<td colspan="2"><input maxlength="50" name="major" type="text"></td>
</tr>
<tr>
<td><input maxlength="50" name="starttime" type="text"></td>
<td colspan="2"><input maxlength="50" name="schoolname" type="text"></td>
<td><input maxlength="50" name="degree" type="text"></td>
<td colspan="2"><input maxlength="50" name="major" type="text"></td>
</tr>
<tr>
<td colspan="7"><span>受过何种培训(请依近到远的先后次序列出)</span></td>
</tr>
<tr>
<th style="width=20%">培训项目</th>
<th style="width=17%">时间</th>
<th style="width=43%" colspan="4">培训内容</th>
<th style="width=20%">证书</th>
</tr>
<tr>
<td><input maxlength="50" name="traningcategory1" type="text"></td>
<td><input maxlength="50" name="traningtime1" type="text"></td>
<td colspan="4"><input maxlength="200" name="traningcontent1" type="text" size="45"></td>
<td><input maxlength="50" name="certificate1" type="text" ></td>
</tr>
<tr>
<td colspan="7"><span>语言能力与技能</span></td>
</tr>
<tr>
<td>第一外语及水平</td>
<td colspan="6"><input maxlength="100" name="firstforeignlan" type="text" size="90"></td>
</tr>
<tr>
<td>计算机水平</td>
<td colspan="6"><input maxlength="100" name="computerlevel" type="text" size="90"></td>
</tr>
<tr>
<td colspan="7"><span>工作记录(请依近到远的先后次序列出)</span></td>
</tr>
<tr>
<td rowspan="4">
<input maxlength="10" name="startyear1" type="text" size="5">年<input maxlength="10" name="startmonth1" type="text" size="3">月<input maxlength="10" name="startday1" type="text" size="3">日
<br> ~ <br>
<input maxlength="10" name="endyear1" type="text" size="5">年<input maxlength="10" name="endmonth1" type="text" size="3">月<input maxlength="10" name="endday1" type="text" size="3">日
</td>
<td colspan="3">公司名称:<input maxlength="20" name="companyname1" type="text" size="36">
</td>
<td colspan="3">业务性质:<input maxlength="20" name="businesstype1" type="text" size="36">
</td>
</tr>
<tr>
<td>受聘职位<input maxlength="20" name="shoupinzhiwei1" type="text" size="14"></td>
<td colspan="2">离职职位<input maxlength="20" name="lizhizhiwei1" type="text" size="14"></td>
<td>受聘薪金<input maxlength="20" name="shoupinxinjin1" type="text" size="14"></td>
<td colspan="2">离职薪金<input maxlength="20" name="lizhixinjin1" type="text" size="14"></td>
</tr>
<tr>
<td colspan="6">主要职责<input maxlength="100" name="zhuyaozhize1" type="text" size="87"></td>
</tr>
<tr>
<td colspan="6">离职原因<input maxlength="100" name="lizhiyuanyin1" type="text" size="87"></td>
</tr>
<tr>
<td colspan="7"><span>家庭资料</span></td>
</tr>
<tr>
<th rowspan="2">家庭成员</th>
<th>名称</th>
<th>父亲</th>
<th>母亲</th>
<th>兄弟姐妹</th>
<th>配偶</th>
<th>子女</th>
</tr>
<tr>
<td>数量</td>
<td><input maxlength="5" name="fathercount" type="text" size="1"></td>
<td><input maxlength="5" name="mothercount" type="text" size="5"></td></td>
<td><input maxlength="5" name="brothercount" type="text" size="5"></td></td>
<td><input maxlength="5" name="husbandcount" type="text" size="1"></td></td>
<td><input maxlength="5" name="soncount" type="text" size="5"></td></td>
</tr>
<tr>
<td colspan="7"><span>为了方便我们在联系不到您的情况下通知到您,请留下紧急联系人的联系方式:</span><input maxlength="50" name="jinjilianxiren" type="text" size="50"></td>
</tr>
<tr>
<td colspan="7"><span>专业技术职称/获得奖项(请依近到远的先后次序列出)</span></td>
</tr>
<tr>
<th>时间</th>
<th colspan="3">职称/奖项</th>
<th colspan="3">获奖感言/收获</th>
</tr>
<tr>
<td><input maxlength="50" name="soncount" type="text" size="20"</td>
<td colspan="3"><input maxlength="100" name="soncount" type="text" size="45"</td>
<td colspan="3"><input maxlength="100" name="soncount" type="text" size="45"</td>
</tr>
<tr>
<td><input maxlength="50" name="soncount" type="text" size="20"</td>
<td colspan="3"><input maxlength="100" name="soncount" type="text" size="45"</td>
<td colspan="3"><input maxlength="100" name="soncount" type="text" size="45"</td>
</tr>
<tr>
<td colspan="7"><span>入司渠道(我们之间的桥梁)</span></td>
</tr>
<tr>
<td colspan="7">
<input name="rusiqudao" validate="{required:true}" value="baozhiguanggao" type="checkbox"><label>从报纸广告上得知招聘信息</label>&nbsp;&nbsp;
<input name="rusiqudao" value="sitename" type="checkbox"><label>从网上得知招聘信息(网站名:</label><input maxlength="30" validate="" name="sitename" type="text" class="input_2"><label>)</label><br>
<input name="rusiqudao" value="toujianli" type="checkbox"><label>在招聘会上投简历</label>
<input name="rusiqudao" value="programming.reddit.com" type="checkbox"><label>公司员工介绍(姓名:</label><input maxlength="10" validate="" name="xingming" type="text" class="input_2"> 关系:<input maxlength="10" validate="" name="xingming" type="text" class="input_2"> <label>)</label> 
<input name="rusiqudao" value="Hacker News)" type="checkbox"><label>其他:</label><input maxlength="100" validate="" name="qita" type="text" class="input_2">
</td>
</tr>
<tr>
<td colspan="7">
<label>有否因工作表现未能符合公司要求而遭解雇? &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;
有 <input name="zaojiegu" value="1" type="checkbox"> 否<input name="zaojiegu" value="0" type="checkbox"></label>
<br>
<label>有否曾涉及任何刑事罪行? &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
有<input name="xingshifanzui" value="1" type="checkbox"> 否<input name="xingshifanzui" value="0" type="checkbox"></label>
<br>
<label>本人身体状况 优 <input name="bodycondition" value="great" type="checkbox"> 良<input name="bodycondition" value="good" type="checkbox">  
中 <input name="bodycondition" value="common" type="checkbox"> 差<input name="bodycondition" value="worse" type="checkbox">  
携带传染性疾病<input name="bodycondition" value="disease" type="checkbox"></label>  

</td>
</tr>
<tr>
<td colspan="7"><span>职业生涯(小表格写出大内容)</span></td>
</tr>
<tr>
<td colspan="7" >您的个人爱好与职业兴趣?<input maxlength="100" name="hobby" type="text" size="80"></td>
</tr>
<tr>
<td colspan="7">您近阶段工作和学习的总结?<input maxlength="100" name="zongjie" type="text" size="80"></td>
</tr>
<tr>
<td colspan="7">您的自我评价和优劣势?<input maxlength="100" name="youlieshi" type="text" size="80"></td>
</tr>
<tr>
<td colspan="7">您认为做人应坚持的最重要原则<input maxlength="100" name="zuorenyuanze" type="text" size="80"></td>
</tr>
<tr>
<td colspan="7">您认为从工作中得到的最大收获是?<input maxlength="100" name="gongzuoshouhuo" type="text" size="80"></td>
</tr>
<tr>
<td colspan="7">您个人的职业发展,短期和长期的目标? (个人梦想)<input maxlength="100" name="mubiao" type="text" size="80"></td>
</tr>
<tr>
<td colspan="7">如果需要一个录用您的理由,您的回答是?<input maxlength="100" name="luyonghuida" type="text" size="80"></td>
</tr>
</table>
</form>
<div><br>
注:1.填表人保证所填项真实及提供资料属实,责任自负,授权我司背景调查权。<br>
  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;2.填写项若无,以“/”表示。 填写人及日期: <br><br>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;最后为了答谢您对我们公司的支持,公司现提供“面试交通费”:30元RMB。请持此“应聘人员登记表”到财务室领取交通费。领取后请签名!<br>
 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
 <label>人事签名:</label><input maxlength="10" name="renshiqianming" type="text" size="10"> 
 <label>发放人签名:</label><input maxlength="10" name="fafangrenqianming" type="text" size="10"> 
  <label>领取人签名:</label><input maxlength="10" name="lingqurenqianming" type="text" size="10"> 
</div>
</form>
css code
table.hborder {border: 1px solid #333333;font-size:12px; font-family:Arial;:50px;border-collapse:collapse; border=1 width="80%" cellspacing="0" cellpadding="0" }
.hborder th {border: 1px solid #333333;background-color:lightgray;height:30px; } 
.hborder td {border: 1px solid #333333; height:30px; text-align:left;}  
.hborder td span {font-size:18px;font-family:"Lucida Sans Unicode"; text-align:center;}

作者: liangjamy   发布时间: 2011-06-01