首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

呀!真要急死人了!

2013-01-06 
高手请进呀!!!!!!真要急死人了!!!!先上代码:bodydiv stylewidth:1400px height:710px border:1px s

高手请进呀!!!!!!真要急死人了!!!!
先上代码:

<body>
<div style="width:1400px; height:710px; border:1px solid #000066; background-image:url(images/341.jpg)"><img  src="images/49.jpg"alt="呀!真要急死人了!" />
  <!--onload="ResizeImage(this,500)"-->
  <table width="500px" align="center" border="0" cellspacing="0" cellpadding="0"  style="position:relative; top:50%; left:13%">
    <!--style="position:relative; top:80%; left:6%"-->
    <tr>
      <td width="16%" align="right">用户名:</td>
      <td width="25%">
        <input type="text" name="textfield" id="textfield" style="width:100px;"/>
      </td>
      <td width="16%" align="right">验证码:</td>
      <td colspan="2">
        <input type="text" name="textfield2" id="textfield2" style="width:80px;"/>
      </td>
    </tr>
    <tr>
      <td width="16%" align="right">密&nbsp;&nbsp;&nbsp;&nbsp;码:</td>
      <td width="25%">
        <input type="text" name="textfield2" id="textfield2" style="width:100px;"/>
      </td>
      <td  width="16%">&nbsp; </td>
      <td  width="18%"  bgcolor="#000099">&nbsp;</td>
      <td  width="25%"  >&nbsp;</td>
    </tr>
  </table>
  <table  width="22%" align="center" border="0" cellspacing="0" cellpadding="0" style="position:relative; top:50%; left:12%">
    <tr>
      <td width="43%" align="right">&nbsp;</td>
      <td width="35%" align="right">
        <input type="submit" name="button" id="button" value="???登录" style="height:23px; border:0; width:83px;background-image:url(images/915-1.jpg); margin-top:5px;"/>
      </td>
      <td width="19%" align="right">
        <input type="submit" name="button2" id="button2" value="重置" style="height:23px; border:0;width:63px;background-image:url(images/915-2.jpg);margin-top:5px;"/>
      </td>
      <td width="3%">&nbsp;</td>
    </tr>
  </table>
</div>
</body>
页面为100%时,效果是这样的:
呀!真要急死人了!
页面为75%时,效果是这样的:呀!真要急死人了!

有谁能帮帮小弟,让页面为75%时,“用户名”和“密码”不会跑偏!!!!!
在此先谢过了!!!


[解决办法]
<div style='显示背景图片;设置宽高;position:relative'>


   
   <table style='position:absolute;right:0;bottom:0'>
   <tr><td>输入</td><td><input/></td></tr>
<tr><td>输入</td><td><input/></td></tr>
</table>
     
</div>

热点排行