none
江湖救急,"Aspx"页面中的元素不会按照“100%”显示,Why??? RRS feed

  • 问题

  • <%@ Page Language="C#" AutoEventWireup="true" CodeFile="BuildingMore.aspx.cs" Inherits="Web_MoreInfos_BuildingMore" %>

    <!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 runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">
        <table border="0" cellpadding="0" cellspacing="0" width="100%" style=" height:100%">
    <tr style=" height:1000px;">
                 <td style=" width:100%;height:100%;"> 
    <object data="data:application/x-silverlight-2," 
                                        type="application/x-silverlight-2" width="100%" style="height:100%;">
                     <param name="source" value="../../ClientBin/MyCharts.xap"/>
                              <param name="initparams" value="ChartType=BuildingModel1" />
                     <param name="onError" value="onSilverlightError" />
                     <param name="background" value="white" />
                     <param name="minRuntimeVersion" value="4.0.60310.0" />
                     <param name="autoUpgrade" value="true" />
                     <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.60310.0" style="text-decoration:none">
                     <img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="获取 Microsoft Silverlight" style="border-style:none"/>
                     </a>
     </object>  
                 </td>
               </tr>
        </table>
        </form>
    </body>
    </html>

    问题:“Object”的高度设为“100%”了,但是并没有根据“<tr style=" height:1000px;">”设置的“1000px”的高度来显示,为什么呢???

               “Object”引用的元素的高度是“100%”的,可以根据屏幕全屏显示的。


                                                          

    Science and technology is my lover.


    2012年9月5日 8:14

全部回复

  • 试试这个方法:

    <object id="objcontent">

    .... 你的代码

    </object>

    添加 Css 样式:

    <style type="text/css">
    /* hide from ie5 mac \*/
    html {
      height: 100%;
      overflow: hidden;
    }
    #objcontent {
      height: 100%;
    }
    /* end hide */
    body {
      height: 100%;
      margin: 0;
      padding: 0;
      background-color: #eee;
    }
    </style>

    2012年9月5日 12:56
  • 谢谢大师的指点,但还是不行啊。

        修改后的页面如下:

         

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="BuildingMore.aspx.cs" Inherits="Web_MoreInfos_BuildingMore" %>

    <!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 runat="server">
        <title></title>

    <style type="text/css">
    /* hide from ie5 mac \*/
    html {
      height: 100%;
      overflow: hidden;
    }
    #objcontent {
      height: 100%;
    }
    /* end hide */
    body {
      height: 100%;
      margin: 0;
      padding: 0;
      background-color: #eee;
    }
    </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <table border="0" cellpadding="0" cellspacing="0" width="100%"  style=" background:#ab2304; height:100%;">
        <tr style=" height:700px; background:red;">
                 <td  style="width:100%;height:100%; background:green;">
                            <object data="data:application/x-silverlight-2,"   id="objcontent"
                                        type="application/x-silverlight-2" width="100%"  style="height:100%;">
                     <param name="source" value="../../ClientBin/MyCharts.xap"/>
                              <param name="initparams" value="ChartType=BuildingModel1" />
                     <param name="onError" value="onSilverlightError" />
                     <param name="background" value="white" />
                     <param name="minRuntimeVersion" value="4.0.60310.0" />
                     <param name="autoUpgrade" value="true" />
                     <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.60310.0" style="text-decoration:none">
                       <img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="获取 Microsoft Silverlight" style="border-style:none"/>
                     </a>
                       </object>         
                 </td>
               </tr>
        </table>
        </form>
    </body>
    </html>

            

    页面效果如下:

           


    Science and technology is my lover.

    2012年9月6日 1:51
  • 另外:“<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%" style=" background:#ab2304; height:100%;">”

    问题二:“Table”好像没有“Height”属性,出现提示“特性height不是table的有效特性”。是不是因为这个造成“table”的高度不能设置为“百分比”???

    Science and technology is my lover.

    2012年9月6日 2:05
  • 噢,整个页面就一个Silverlight,要铺满整个页面嘛,改成这样:

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="BuildingMore.aspx.cs" Inherits="Web_MoreInfos_BuildingMore" %>
    
    <!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 runat="server">
        <title></title>
    <style type="text/css">
    html,body{height:100%;}
    body{margin:0;padding:0}
    #silverlightHost{height:100%}
    </style>
    </head>
    
    <body>
    <div id="silverlightHost"> 
    <object data="data:application/x-silverlight-2," 
                                        type="application/x-silverlight-2" width="100%" height="100%">
                     <param name="source" value="../../ClientBin/MyCharts.xap"/>
                              <param name="initparams" value="ChartType=BuildingModel1" />
                     <param name="onError" value="onSilverlightError" />
                     <param name="background" value="white" />
                     <param name="minRuntimeVersion" value="4.0.60310.0" />
                     <param name="autoUpgrade" value="true" />
                     <a href="http://go.microsoft.com/fwlink/?LinkID=149156&v=4.0.60310.0" style="text-decoration:none">
                     <img src="http://go.microsoft.com/fwlink/?LinkId=161376" alt="获取 Microsoft Silverlight" style="border-style:none"/>
                     </a>
     </object>  
    </div>
    </body>
    </html>


    如果有帮助,标记为答复!Mark as Answer if answered!


    2012年9月6日 8:58
    版主
  • 不是的大师,页面上除了“Silverlight”部分还有其它的元素和图片的,这里没有列出来。在Table的其它的单元格中存在其它元素。

    Science and technology is my lover.

    2012年9月13日 4:53