I have adjusted width and height of iframe, width is working.

but not able to adjust height.

same time, if i am reducing iframe width less than 10.47%, getting horizontal scroll bars in iframe. how can we disable horizontal scroll bars in this case ?

here is my code snippet.

----------------I frame detais----------------

<style> 

iframe { 

  width:10.47% !important;

  height:5% !important;  }

</style>

----------------gadget details ----------------

<div  id="Login"

    style="overflow:auto;width:12;height:5%;"

    PegaGadget="Login"

    PegaResize="fixed"

    PegaA="display"

    PegaA_className="RBank-RetailBank-Work"

    PegaA_harnessName="Login"

    PegaA_model=""

    PegaA_readOnly="false"

    PegaDefer="false"

    PegaA_params={UserIdentifier:"User@RBank",Password:"cnVsZXM%3D"}

PegaE_OnLoad = "window.scrollTo(0,0)">

</div>

--------------------------------------------------------

Please find the attached image for issue details. Please help me with this.