当前位置:编程学习 > C#/ASP.NET >>

关于页面的css设计和javascript,新手求助

我的页面form为80%,一排三个控件 中间的设定死了是320px;左右两个控件要把剩下的控件占满,但是不知道设写css的width(由于显示器的尺寸不同,所以forms的80%的大小也会不同)

 document.getElementById("右边的控件").style.width=(document.getElementById("froms").style.width-document.getElementById("中间的空间").style.width)*0.5

这是我的javascript代码 但是不行 不知道哪里出现了问题 还有什么办法解决?
css是内联的 好像只有内联的css的值才能被javascript调用吧 --------------------编程问答-------------------- 你可以使用jquery

<%@ Page Language="C#" %>

<!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 id="Head1" runat="server">
  <script src="jquery-1.6.2.min.js" type="text/javascript"></script>
</head>
<body>
  <form id="form1" runat="server" style="width: 80%; margin: auto; background: red">
  <div id="left" style="background: green; float: left">左边</div>
  <div id="m" style="width: 320px; background: blue; float: left">中间</div>
  <div id="right" style="background: yellow;">右边</div>
  </form>
  <script>
    $(document).ready(function () {
      f = $("#form1").width();
      $("#left").width((f - $("#m").width()) / 2);
      $("#right").width((f - $("#m").width()) / 2);
    }); 
  </script>
</body>
</html>
--------------------编程问答-------------------- 顶楼上 --------------------编程问答--------------------
引用 1 楼 net_lover 的回复:
你可以使用jquery

<%@ Page Language="C#" %>

<!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/1……

等级好高啊...
补充:.NET技术 ,  ASP.NET
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,