<h:body>
    <div  id="wrapper">
        <div  style="padding:0;border:0;" id="header"/>

        <div id="content" style="padding:0;border:0;" >
            <iframe id="content_iframe" name="center" frameborder="0" width="100%" heigth="100%" scrolling="yes" src="#{dashboardBean.current}"/>
        </div>
    </div>
    <div id="footer" style=" text-align:center;">
        <h:outputLink value="http://www.google.com" target="_blank">
            <h:graphicImage value="/img/logo.png"/>
        </h:outputLink>
    </div>
</h:body>

#wrapper
    {
        position: absolute;
        left: 0;
        top: 0;
        right: -33px;
        bottom: 0;
        padding-right: 15px;
        overflow-y: scroll;
        z-index:10;
    }
    #content
    {
        height:auto !important; /* for modern browsers */
        clear:both;
        overflow: hidden;
    }
    #content iframe{
        /*height:100%;

        overflow: scroll;
        */
        overflow:auto;
        min-height: 100%;
        position: absolute;
    }

    #footer {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 75px;
        z-index:1;
        left: 0;
        font-size: small;
    }

    .clear {
        clear:both;
    }