asp.net div随分辨率变化而变化

[zhoubupt]

<form>
<div style="width:100%" >
<div id="head">
<table style="width:100%;" border="0px" cellpadding="0px" cellspacing="0" align="center">
<tr>
<td style="width:29.2%;height:91px;background: url(images/1.jpg) repeat-x;"></td>
<td style="width:40.4%;height:91px;background: url(images/2.jpg) repeat-x;"><h1>系</h1></TD>
<td style="width:20.4%;height:91px;background: url(images/4.jpg) repeat-x;"></td>
<td style="width:10%;height:91px;background: url(images/3.jpg) repeat-x;"></td>
</tr>
</table>
</div>
</div>
</form>
我的分辨率是1024*768显示没有问题，但在别人宽屏上时，右边出现很大白空隙，怎么让div随分辨率变化而变化。谢谢

[cystudio]

screen.height
screen.width

[zhoubupt]

能详细点么？怎么来用，谢谢

[WoooXVi]

用js吧
检查当前浏览器宽度，变化了的话，就调节详细的内容（兼容性比较好一点）

[zhoubupt]

具体怎麽用，网上找了些，说body.clientWidth不是left属性之类，能给点代码么我试试么

[telankes2000]

try

<td style="width:10%;height:91px;background: url(images/3.jpg) repeat-x;"></td> ==>
<td style="width:auto;height:91px;background: url(images/3.jpg) repeat-x;"></td>

[zhangyumei]

<div id="head"> 这个的 width 是多少？ table 的width 你设了100%，是相对于它的上层容器---- <div id="head">来说的，而<div id="head">如果没有设置width 的话，很容易出现你说的问题的

[teerhu]

[Quote=引用 6 楼 zhangyumei 的回复:]
<div id="head"> 这个的 width 是多少？ table 的width 你设了100%，是相对于它的上层容器---- <div id="head">来说的，而<div id="head">如果没有设置width 的话，很容易出现你说的问题的
[/Quote]
up

[Alden]

设置为百分比可能能好点。

[koukoujiayi]

大致的js代码:
给出分辨率小于800和大于800设置div1的代码，其中x1,y1,x2,y2自己定义！！
　　　　　function SetHeight() {
　　　　　　　var hei = window.screen.height;
　　　　　　　// var hei1 = document.body.clientHeight;
　　　　　　　if (hei <= 800) {
　　　　　　　　　document.getElementById("div1").style.height = x1;
　　　　　　　　　document.getElementById("div1").style.height = y1;
　　　　　　　}
　　　　　　　else if (hei > 800) {
　　　　　　　　　document.getElementById("div1").style.height = x2;
　　　　　　　　　document.getElementById("div1").style.height = y2;
　　　　　　　}
　　　　　}

[Joson.e8love]

做这个干嘛啊 郁闷 如果你用的背景 随分辨率变了 背景会怎么样？
如果你用了 背景重复？那么如果背景不是单一的呢？
分辨率本来就是有区别的 你能保证你把所有的分辨率都做出来？

你能做的是 浏览器兼容 分辨率兼容好像很难 不过肯定是可以做几个常用分辨率的

哎 做浏览器兼容就可以了