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 : 


.body {

    margin: 0;

    padding: 0;

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

    overflow: hidden;

    min-width: 630px;



    margin: 0;

    padding: 0;

    position: absolute !important;

    width: 100% !important;

    height: 100% !important;



 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;



Step 2 :

<div class="html5container" width="100%" height="100%">
<object class="" id="viewONE" width="100%" height="100%">


Popular posts from this blog

Angular cli ng command is not working

warning: LF will be replaced by CRLF in