Show full iFrame

0


Good I have a query to a BD and I show it in iFrame the problem is that sometimes returns 100 other lines 2.
And I want the div to change size according to the lines ... If someone could look at it to see what's wrong

.filt{
    
        margin-left:100px;
	border: 1px solid #CCC;
	width: 75%;
	height: auto;
        background-color:#FAFAFA;
}
<div class="filt">
    <div class="titl">
        <p>Direcciones</p>
    </div>
    <div class=contfiltros>
        <div class="tableDirec">
            <form action="/action_page.php">
            <table>  
                <tr>
                    <td width="10px">Ciudad</td>
                    <td width="10px" ><input type="text" id="ciudad" name="ciudad" value="" size="8"></td>
                    <td width="10px">CP</td>
                    <td  width="10px"><input type="text" id="cp" name="cp" value="" size="8"></td>
                    <td width="10px">Provincia</td>
                    <td width="10px"><input type="text" id="provincia" name="provincia" value="" size="8"></td>
                    <td width="10px">Comercial</td>
                    <td width="10px"><input type="text" id="comercial" name="comercial" value="" size="8"></td>
                    <td  width="10px"><a href="##"></a><button>Search</button></a></td>
                </tr>
            </table>  
            </form>
             
              
                </tr>
               
               </div>
       
     
</div>
            <iframe src="CustomerMasterAddressResult.jsp" height="auto" frameborder="0" scrolling="no"  width="100%"></iframe>
</div>
   <%  }

        }

        sql.CloseConnection();
%>
    
asked by Iron Man 27.02.2018 в 11:31
source

1 answer

1

Try adding these changes to your stylesheet:

.filt{
      margin-left:100px;
      border: 1px solid #CCC;
      background-color:#FAFAFA;
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
    }

.filt iframe {
      position: absolute;
      top:0;
      left: 0;
      width: 100%;
      height: 100%;
}
    
answered by 27.02.2018 / 12:09
source