2
Answers

unable to show full width div or table

i have below code ,but its not showing full width table on screen. it shows space out side div/table any help
  1. <html>  
  2. <head>  
  3.     <title></title>  
  4.     <script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>  
  5.     <script type="text/javascript" src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>  
  6.     <script src="print.min.js"></script>  
  7.     <link href="print.min.css" rel="stylesheet" />  
  8.     <style>  
  9.         table { table-layout: fixed; }  
  10.         table tr th {  
  11.             font-size: 13px;  
  12.             /*padding:0rem;*/  
  13.         }  
  14.   
  15.         table tr td {  
  16.             font-size: 10px;  
  17.             word-wrap:break-word;  
  18.             /*padding:0rem; 
  19.             margin:0rem;*/  
  20.         }  
  21.   
  22.         #printJS-form {  
  23.             border-collapse: collapse;  
  24.             border-spacing: 0rem;  
  25.             width: 100%;  
  26.             padding: 0;  
  27.             margin: 0;  
  28.             table-layout: fixed;  
  29.             overflow-y: scroll;  
  30.             overflow-x: hidden;  
  31.         }  
  32.     </style>  
  33.     <style>  
  34.         table tr th {  
  35.             font-size: 13px;  
  36.             /*padding:0rem;*/  
  37.         }  
  38.   
  39.         table tr td {  
  40.             font-size: 11px;  
  41.             /*padding:0rem; 
  42.             margin:0rem;*/  
  43.         }  
  44.   
  45.         #printJS-form {  
  46.             border-collapse: collapse;  
  47.             border-spacing: 0rem;  
  48.             width: 100%;  
  49.             padding: 0;  
  50.             margin: 0;  
  51.             table-layout: fixed;  
  52.             overflow-y: scroll;  
  53.             overflow-x: hidden;  
  54.         }  
  55.     </style>  
  56. </head>  
  57. <body>  
  58.     <form id="form1">  
  59.         <div class="row">  
  60.                 <div class="table table-responsive" style="width:100%;border-color:red;border:1px solid red">  
  61.                     <div class="table" style="width:100%;border:1px solid green;" class="table-responsive">  
  62.                         <!--Table-->  
  63.                         <table style="width:100%;border-color:red;border:1px solid blue"><tr><td>dsa</td></tr></table>  
  64.                         <!--Table-->  
  65.                     </div>  
  66.                 </div>  
  67.             </div>  
  68.     </form>  
  69. </body>  
  70. </html>

Answers (2)