c# - Set contents of page according to browser resolution -


here default browser size.and qr code @ right place.enter image description here

when re-size browser .i got one.but here qr code disappearing if reduce more.enter image description here

i want qr code under captcha. have searched ,got answers not working in case.please help.

here code.thanks in advance.

       <div style="border: 1px solid lightgrey; border-radius: 10px 10px 10px 10         </table>px; width: 75%">         <table width= "75%" style="margin-left:1%">             <tr>                 <td>                     @html.captcha("refresh", "enter captcha", 5, "is required field.", true)<div style="color: red;">@tempdata["errormessage"]</div>                 </td>                 <td>                     <div id="qrcode" style="width: 200px; display: none">                                                <img src="@url.action("qrcode", "qr", new { url = model.shorturl })"  onclick="appendurl('@this.model.shorturl')"/>                     </div>                 </td>             </tr>         </table>     </div> 

is need?

<div class="container">     <div class="captcha"></div>     <div class="qrcode"></div> </div>  .captcha{     float:left;     width:200px;     height:100px;     background:#123; }  .qrcode{     float:left;     width:200px;     height:100px;    background:#456; } 

demo: http://jsfiddle.net/fwag5/

capta , qrcode div display inline there's enough space , stack vertically if space isnt sufficient. if you'd different resolutions, i'd suggest looking media queries!


Comments

Popular posts from this blog

javascript - Laravel datatable invalid JSON response -

java - Exception in thread "main" org.springframework.context.ApplicationContextException: Unable to start embedded container; -

sql server 2008 - My Sql Code Get An Error Of Msg 245, Level 16, State 1, Line 1 Conversion failed when converting the varchar value '8:45 AM' to data type int -