HTML / CSS height issue with IE -

-

i'm trying update pfsense captive portal authentication page, , appears fine everywhere except ie (both desktop , mobile versions). issue upper table row (from table of 2 rows), extending large size can seen in image below. html is:

    <html>  <link rel="stylesheet" type="text/css" href="style.css"> <body>  <form method="post" action="#portal_action#" align="center" >      <input name="redirurl" type="hidden" value="#portal_redirurl#">     <input name="zone" type="hidden" value="#portal_zone#">     <center>     <table class="maintable">     <!--beginning of form title heading-->         <tr class="tabletoprow">             <td class="tabletopcell1">                 <img src="captiveportal-wifi_icon.png" width="50%" height="3%" align="right">             </td>             <td class="tabletopcell2" >                 <img src="captiveportal-aragon_logo.png" width="50%" height="3%" align="left">             </td>         </tr>     <!--end of form title heading-->     <!--beginning of main area contains authentication form , area reserved showing errors-->         <tr class="tablelowerrow" colspan="2" height="70%">             <td colspan="2" width="100%">                 <div id="mainlevel">                 <center>                 <table height="100%" width="100%" border="0" cellpadding="0">                     <tr>                          <td style="color:#0b173b;font-family:arial; font-weight:bold; font-size:90%"><center>                             welcome aragon house business center                         </td>                     </tr>                 <tr>                     <td>                         <center>                         <div id="mainarea">                         <center>                         <table width="100%" border="0" cellpadding="1px" cellspacing="2">                         <tr  height="20%">                             <td>                                 <div id="maindivarea">                                 <center>                                     <!-- statusbox area errors shown should there error when authenticating hotspot-->                                     <div id='statusbox'>                                         <font color='red' face='arial' size='+1'>                                         <b>                                             #portal_message#                                         </b>                                         </font>                                     </div>                                     <!--end of error message area-->                                     <br />                                     <!--beginning of form area; area contain fields authenticating users hotspot system-->                                     <div id='loginbox'>                                     <table>                                         <!-- beginning of area input authentication details-->                                          <tr><td>&nbsp;</td></tr>                                         <tr><td align="right" style="color:#333333;font-family:arial; font-size:98%;">username:</td><td><input name="auth_user" type="text" style="border: 1px solid;"></td></tr>                                         <tr><td align="right" style="color:#333333;font-family:arial; font-size:98%;">password:</td><td><input name="auth_pass" type="password" style="border: 1px solid;"></td></tr>                                         <tr><td>&nbsp;</td></tr>                                         <tr>                                             <td align="right" style="color:#333333;font-family:arial; font-size:98%;">enter voucher code: </td>                                             <td><input name="auth_voucher" type="text" style="border:1px solid;" size="20"></td>                                         </tr>                                         <tr>                                             <td colspan="2" align="right" style="padding-right:10px"><input name="accept" type="submit" value="continue"></td>                                         </tr>                                         <!-- end of area input authentication details-->                                     </table>                                     </div>                                     <!--end of  authentication form area-->                                 </center>                                 </div>                             </td>                         </tr>                         </table>                         </center>                         </div>                         </center>                     </td>                 </tr>                 </table>                 </center>                 </div>             </td>         </tr>     </table>     </center>     <!--end of main area--> </form> </body>  </html>

while css is:

    .maintable{     height: 40%;     width: 30%;     padding: 0;     border-radius: 15px;     border:1px solid #000000; }  .tabletoprow{     width: 30%;     height: 30%;     background-color:#cccccc;     border-top-right-radius: 15px;      border-top-left-radius: 15px;      border-top:1px #6da4de;  }  .tablelowerrow{     height: 70%;     }  .tabletopcell1{     width: 50%;     border-top-left-radius: 15px; } .tabletopcell2{     width: 50%;     border-top-right-radius: 15px; }

the following shows how page appears in ie

this image shows how page appears in chrome

the first image shows how form appears in ie, while 1 below shows how same form appears in chrome.

help appreciated.

thanks in advance, j

you have 6 opening <center> , 5 closing </center> . ie not smart enough close :d


Comments

Post a Comment

Popular posts from this blog

yii2 - Yii 2 Running a Cron in the basic template -

-
i have seen instructions on running cron in advanced template, cant figure out how on basic template. have following controller in basic controllers folder. <?php namespace app\controllers; use yii\console\controller; /** * cron controller */ class croncontroller extends controller { public function actionindex() { echo "cron service runnning"; } public function actionmail($to) { echo "sending mail " . $to; } } i have navigated root of application , tried these comands yii cron php yii cron im getting unknown comand "cron" i know old question failed find actual answer this. if @ code yii exec file you'll notice requires /common/config/aliases.php file console/config/main.php. can naturally change these or copy on these advanced template. hope solves problem wanting same thing.
Read more

asp.net - 'System.Web.HttpContext' does not contain a definition for 'GetOwinContext' Mystery -

-
i realize question might seem trivial some, it's these types of things find myself fighting quite bit , want make sense of despite seeming losing battle in .net (for me anyway). so, if following: using system.web; ... applicationuser user = system.web.httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); that produces error in title , red getowincontext() , error cannot resolve symbol 'getowincontext()' however, if following (remove system.web in front of httpcontext ), works expected (or @ least no errors): using system.web; ... applicationuser user = httpcontext.getowincontext().getusermanager<applicationusermanager>().findbyid(system.web.httpcontext.user.identity.getuserid()); however, if (same line that's working using system.web commented out): //using system.web; ... applicationuser user = httpcontext.getowincontext().getusermana...
Read more

mercurial graft feature, can it copy? -

-
there new feature in mercurial 3, called 'graft' (graft local). job of moving change-set different branch. is there way "copy" change-set branch? i interested in in moving stuff qa branch production branch, still need code reside in qa. want copy. found , have tried few things, maybe it'll become clear more tinkering , reading... does have better way of 'cherry picking' change-sets move cross branch (or trunk)??? graft copies changesets, doesn't move them. hg graft (emphasis mine): this command uses mercurial's merge logic copy individual changes other branches without merging branches in history graph. known 'backporting' or 'cherry-picking' . default, graft copy user, date, , description source changesets.
Read more