iFrame Map Sample Test

by Abid Shaik

HTML

<!-- Maps App on ann iFrame DEMO -->
<div class="IFrDiv">
    <iframe width="600" height="450" scrolling="no" marginheight="0" marginwidth="0" frameborder="0" style="border:0" src="https://belterra.brightdoor.com/brightbase/BDMaps/show.bd?

id=1"></iframe>
</div>

CSS

.IFrDiv {
        position: relative;
        padding-bottom: 75%; /* This is the aspect ratio*/
        height: 0;
        overflow: hidden;
    }
    .IFrDiv iframe {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100% !important;
        height: 100% !important;
    }