CSS: iFrame (DIV)

Een goed passend iFrame, zie voorbeeld!

Voorbeeld

De complete code

<!-- DIV IFRAME -->
<div class="tj-frame">
    <iframe src="https://tooljunkie.eu/mail/tooljunkie/upload/broken.html" title="tj" scrolling="no">
    </iframe>
</div>

<style>
.tj-frame {
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0;
}

.tj-frame iframe {
    display: block;
    width: 535px;
    max-width: 95%;
    height: 720px;

    margin: 2px auto 0;
    padding: 0;

    border: 0;
}


/* MOBIEL */
@media (max-width: 1023px) {

    .tj-frame iframe {
        width: 400px;
        max-width: 100%;
        height: 385px;

        margin: 2px auto 0;
    }
}
</style>