asp.net 控件位置怎么设置？

控件位置摆放居中不同显示分辨率下

解决方案 »

  1.   

    CSS
      

  2.   

    asp.net空间定位很难的，用css样式表定位位置，然后把控件放到相应的位置就可以了。
      

  3.   

    先学好 HTML CSS  JS 等基本的再开发。
      

  4.   

    我用css内部样式可以设置相应控件的属性，即
    <style type="text/css"> 
              #Panel1{left: 10%;width: 50%;}
            #Image1{left:250px;}
     </style>
    但用外联样式表调用相关css文件没效果。即
    <link href="1024.css" rel="stylesheet" type="text/css" />
    css代码为：
    <style type="text/css"> 
              #Panel1{left: 10%;width: 50%;}
            #Image1{left:250px;}
     </style>
    与内部样式内容一样。
    什么原因导致不能调用？虚心求解。
      

  5.   

    把你的asp.net源代码贴出来。如果你不贴，自然只能往低层的html/css上去引导别人。
      

  6.   


    不要想当然地指定客户端 id。当你的控件有几百个、上千个以后，这类css设计很快就堆砌成一大片混乱的东西了。
      

  7.   

    1、最简单的方式莫过于将panel和image控件都放到一个table中，然后设置table居中显示。如果：<table align="center" style="width:1024px"></table>
    2、将这两个控件都放到一个div中    <div style="width: 1024px; margin-left: auto; margin-right: auto; background: #eee;" ></div>
      

  8.   

    我的程序控件有限，指定客户端ID应该没错,所以我想问下,按照我目前设计的css外联表运行，有没有哪错了？
      

  9.   


    你好，Table里可以添加panel，image等控件么？出现下面错误
      

  10.   


    你好，Table里可以添加panel，image等控件么？出现下面错误

       <form id="form1" runat="server">
        <div>
            <asp:Table ID="Table1" runat="server">
                <asp:Panel runat="server">
                </asp:Panel>
            </asp:Table>
        </div>
        </form>
      

  11.   

    http://bbs.csdn.net/topics/390943754    麻烦帮忙看看
      

  12.   

    asp.net控件的位置设置控制示例
    //css中设置Panel控件
    <style type="text/css">
    #pllogin
    { position:absolute; top:20; left:200; width:400;
    height:500;

    }
        </style>
    //Panel控件设置位置
     <asp:Panel ID="pllogin" runat="server">
                <br />
                <table align="center" cellpadding="0" cellspacing="0" class="style1" 
                    style="background-image: url('使用Panel控件显示或隐藏一组控件.png'); font-size: small;">
                    <tr>
                        <td>
                            <table align="left" cellpadding="0" cellspacing="0" class="style2">
                                <tr>
                                    <td class="style3">
                                        用户名：</td>
                                    <td>
                                        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style3">
                                        密&nbsp;&nbsp;&nbsp; 码：</td>
                                    <td>
                                        <asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="style3">&nbsp;
                                        </td>
                                    <td>
                                        <asp:Button ID="Button1" runat="server" Text="登录" />
                                        <asp:Button ID="Button2" runat="server" onclick="Button2_Click" Text="新用户注册" />
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <br />
                <br />
            </asp:Panel>
      

  13.   

    document.getElementById("cssname").value= "大版.css"; 传值无效 ？？？
    在<body>里，
    <script language="javascript" type="text/javascript" >
       if (window.screen.width <= 1024) {
           document.getElementById("cssname").value = "1024.css";
    }
        else {
                document.getElementById("cssname").value= "大版.css";
     }
     </script>
    传给   <input runat="server" type="hidden"  id="cssname" name="csstest"   />
    if条件判断是有效的。最终value值输出为空，传不到input中，怎么回事？请教
      

  14.   

        <script src="Soft/js/jquery-1.4.1.min.js" type="text/javascript"></script>
        <style>
            body {TEXT-ALIGN: center;}
    #center {position: absolute; top:100px; }
        </style>
        <script>
            function centerdiv() {
                
                $("#center").css("left", (document.getElementById("center").parentElement.offsetWidth - document.getElementById("center").offsetWidth) / 2)
            }
        </script>
    <div id="center" style=" width:auto; ">
            <div style=" float:left;"><asp:Panel ID="Panel1" runat="server" Width="200px" >111111111111111111111111
            </asp:Panel></div>
            <div style=" float:right"><asp:Image ID="Image1" runat="server" Width="200px" ImageUrl="~/Images/NABG.jpg" /></div>
            <div style=" clear:both;"></div>
        </div>
      

  15.   

    你好,你写的这个是蛮好的,但是我的程序差不多成型了,现在还有个问题是
    document.getElementById("cssname").value= "大版.css"; 传值无效 ？？？
    在<body>里，
    <script language="javascript" type="text/javascript" >
       if (window.screen.width <= 1024) {
           document.getElementById("cssname").value = "1024.css";
    }
        else {
                document.getElementById("cssname").value= "大版.css";
     }
     </script>
    传给   <input runat="server" type="hidden"  id="cssname" name="csstest"   />
    if条件判断是有效的。最终value值输出为空，传不到input中，怎么回事？能不能帮忙看看
      

  16.   

        <script language="javascript" type="text/javascript" >
            if (window.screen.width <= 1024) {
                document.getElementById("cssname").value = "1024.css";
            }
            else {            
            }
            function obj() {
                document.getElementById("cssname").value = "大版.css";
                alert(document.getElementById("cssname").value)
             } </script>
    </head>
    <body onload="obj()">
      

  17.   

    <div style="margin-left:auto; margin-right:auto; overflow:hidden; 设置个width">
             <panel style="float:left">
             <img style="float:right">
    </div>
    只有IE6可能需要用position来解决居中问题
      

  18.   

    你那段脚本丢到方法里然后找个地方触发- -  比如body的onload事件 具体看你的需求同样的代码 我只是给你放到了 一个方法里 然后在加载页面时触发
      

  19.   


    你好，按照你的方法我在body中加载了,但是还是取不到值，至于你上面举例写的alert(document.getElementById("cssname").value)是写在设置value值后，是肯定会有alert提醒的。
    现在不知道为什么不能调用？是页面载入的问题吗？还是有其他可能？
      

  20.   

    Quote: 引用 17 楼 a85667562 的回复:

    <script src="Soft/js/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script>
    function centerdiv() {
          $("#center").css("left", (document.getElementById("center").parentElement.offsetWidth - document.getElementById("center").offsetWidth) / 2)
            }
        </script>
    您好,这个函数放在了<HEAD>文件里了,但是怎么加载到页面呢?我用<body onload="centerdiv()" >无法加载, 我目前对JS函数传递这块不是很了解，所以这种情况下该怎么加载呢？还有这个函数里的语句该怎么理解呢？万分感谢！
      

  21.   

    你说脚本没调用这个问题就要你自己调试了 看是整个方法都没执行还是哪句语句出错导致没有运行，至于$("#center").css("left", (document.getElementById("center").parentElement.offsetWidth - document.getElementById("center").offsetWidth) / 2)这个前面是jq的我获取对象$("#center")的css属性并对其进行修改“left属性”值为(document.getElementById("center").parentElement.offsetWidth - document.getElementById("center").offsetWidth) / 2)，document.getElementById("center").parentElement.offsetWidth这段的意思是获取center对象的父级区元素的宽. 后面那句就是获取自身区元素的宽 用总宽减去自身宽就能得出剩余宽  然后对半分就能居中了  left的意思就是左间距