Asp.net 为什么以下样式在firefox中不起作用?(它适用于所有其他浏览器)

Asp.net 为什么以下样式在firefox中不起作用?(它适用于所有其他浏览器),asp.net,html,css,firefox3.6,Asp.net,Html,Css,Firefox3.6,编辑:屏幕上不会显示版权信息,但它在Firefox窗口的HTML源代码中 ASP.NET网页: <%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="learnvb1._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/

编辑:屏幕上不会显示版权信息,但它在Firefox窗口的HTML源代码中

ASP.NET网页:

<%@ Page Language="vb" AutoEventWireup="false" CodeBehind="Default.aspx.vb" Inherits="learnvb1._Default" %>
<!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>Welcome to</title>
    <link href="StyleSheet1.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <form id="form1"  runat="server">
        <div id="main_holder">
          <center>
            <asp:Label ID="Label1" runat="server" Text="Copyright &copy 2011 blah blah. All rights reserved."></asp:Label>
          </center>
        </div><!-- main_holder div ends -->
    </form>
</body>
</html>
Firefox HTML:

Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.2.13) Gecko/20101203 Firefox/3.6.13

<!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><title>
    Welcome to
</title><link href="StyleSheet1.css" rel="stylesheet" type="text/css" /></head>
<body>
    <form name="form1" method="post" action="Default.aspx" id="form1">
<div>
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJMzA0NzMwODMzD2QWAgIDD2QWAgIBDw8WAh4EVGV4dAXAA0Jyb3dzZXIgQ2FwYWJpbGl0aWVzDQpUeXBlID0gRmlyZWZveDMuNi4xMw0KTmFtZSA9IEZpcmVmb3gNClZlcnNpb24gPSAzLjYuMTMNCk1ham9yIFZlcnNpb24gPSAzDQpNaW5vciBWZXJzaW9uID0gMC42DQpQbGF0Zm9ybSA9IFdpblhQDQpJcyBCZXRhID0gRmFsc2UNCklzIENyYXdsZXIgPSBGYWxzZQ0KSXMgQU9MID0gRmFsc2UNCklzIFdpbjE2ID0gRmFsc2UNCklzIFdpbjMyID0gVHJ1ZQ0KU3VwcG9ydHMgRnJhbWVzID0gVHJ1ZQ0KU3VwcG9ydHMgVGFibGVzID0gVHJ1ZQ0KU3VwcG9ydHMgQ29va2llcyA9IFRydWUNClN1cHBvcnRzIFZCU2NyaXB0ID0gRmFsc2UNClN1cHBvcnRzIEphdmFTY3JpcHQgPSAxLjQNClN1cHBvcnRzIEphdmEgQXBwbGV0cyA9IFRydWUNClN1cHBvcnRzIEFjdGl2ZVggQ29udHJvbHMgPSBGYWxzZQ0KU3VwcG9ydHMgSmF2YVNjcmlwdCBWZXJzaW9uID0gDQpkZGTubPxLL/PJfjQcbjhmJsHYoi86MA==" />
</div>        
    <span id="Label2">Browser Capabilities
Type = Firefox3.6.13
Name = Firefox
Version = 3.6.13
Major Version = 3
Minor Version = 0.6
Platform = WinXP
Is Beta = False
Is Crawler = False
Is AOL = False
Is Win16 = False
Is Win32 = True
Supports Frames = True
Supports Tables = True
Supports Cookies = True
Supports VBScript = False
Supports JavaScript = 1.4
Supports Java Applets = True
Supports ActiveX Controls = False
Supports JavaScript Version = 
</span>        
     <div id="main_holder">   
              <center>
        <span id="Label1">Copyright © 2011 blah and blah and blah. All rights reserved.</span>
        </center>
    </div>
    <!-- main_holder div ends -->           
    </form>
</body>
</html>
Mozilla/5.0(Windows;U;Windows NT 5.1;en-US;rv:1.9.2.13)Gecko/20101203 Firefox/3.6.13
欢迎来到
浏览器功能
类型=Firefox3.6.13
Name=Firefox
版本=3.6.13
主要版本=3
次要版本=0.6
平台=WinXP
β=假吗
是Crawler=False吗
AOL=False吗
Win16=False吗
Win32=True吗
支持帧=真
支持表=真
支持Cookies=True
支持VBScript=False
支持JavaScript=1.4
支持Java Applets=True
支持ActiveX控件=False
支持JavaScript版本=
版权所有©2011诸如此类。版权所有。

如果您添加以下CSS,它应该可以工作:

html,  body { height: 100%; padding: 0; }
并将#main#u holder CSS中的
页边距顶部:95%
替换为
底部:0,如下所示:

#main_holder {
    position:fixed;
    bottom:0;
    padding-top:0.3%;
    background-color:Yellow;
    color:Green;
    overflow:auto;
    width:100%;
}

请参见

它是否在没有位置的情况下工作:针对#main_holder已修复?能否向我们显示实际的HTML源而不是ASPX源?可能会导致问题的一个原因是,您用于版权符号的实体格式不正确。它应该是
©
和not
&复制
@Chris谢谢更正但没有区别,html实际added@john是的,但是页面显示的高度是原来的两倍。。但这只是在FireFox中,它似乎在主页上为我创建了一个滚动条,即使内容实际上并没有填满整个页面。这是因为它在计算滚动条的大小或类似疯狂的东西时将条高度添加到100%上吗?对不起,您也应该重置body属性上的填充。我已经修改了上面的答案。现在完美了+1. :) 尽管你可能想更新你的fiddle+链接。
#main_holder {
    position:fixed;
    bottom:0;
    padding-top:0.3%;
    background-color:Yellow;
    color:Green;
    overflow:auto;
    width:100%;
}