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 © 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%; }
Comments
Post a Comment