asp.net - Why does the following styling not work in firefox? (it works in all other browsers) -


edit: copyright message not appear on screen, there in html source of firefox window!

asp.net page:

<%@ 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. rights reserved."></asp:label>           </center>         </div><!-- main_holder div ends -->     </form> </body> </html> 

stylesheet1.css

body  {     background-color:black; }     #main_holder {     position:fixed;     margin-top:95%;     padding-top:0.3%;     background-color:yellow;     color:green;     overflow:auto;     width:100%; } 

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 </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 beta = false crawler = false aol = false win16 = false 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 , blah , blah. rights reserved.</span>         </center>     </div>     <!-- main_holder div ends -->                </form> </body> </html> 

it should work if add css:

html,  body { height: 100%; padding: 0; } 

and replace margin-top: 95% in #main_holder css bottom: 0;, so:

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

see http://jsfiddle.net/fq8sh/2/


Comments

Popular posts from this blog

java - SNMP4J General Variable Binding Error -

windows - Python Service Installation - "Could not find PythonClass entry" -

Determine if a XmlNode is empty or null in C#? -