HTML Object Height Change In Percentage

SOLVED ! Problem : HTML Object in <object tag height could not able to change as in percentage


Solution : Add the below style and html object width and height in % ( percentage)

Html object may be anything like a PDF document , Microsoft word document,Tiff image or a video or any kind of object we can insert in html with object height and width in % percentage

Step 1 : 


<style>

.body {

    margin: 0;

    padding: 0;

    font-family: Verdana, Arial, Helvetica, sans-serif;

    overflow: hidden;

    min-width: 630px;

}

.html5container{

    margin: 0;

    padding: 0;

    position: absolute !important;

    width: 100% !important;

    height: 100% !important;

}

.errordiv{


 align : center;

 padding: 5px;

 background-color: #e0ebed;

 box-shadow: 1px -1px 19px 6px #888;
 margin-top: auto;

 margin-bottom: auto;

 margin-left: auto;

 margin-right: auto;

}

</style>



Step 2 :


<div class="html5container" width="100%" height="100%">
<object class="com.ibm.dv.client.Viewer" id="viewONE" width="100%" height="100%">
</object>
</div>

0 comments:

Post a Comment