body {
margin: 0;
padding: 0;
position: relative;
display: flex
height: 100vh; /* Ensure full viewport height */
overflow: hidden; /* Hide overflow to prevent scrollbars */
}
iframe {
width: 100%;
height: calc(100vh – 120px); /* Adjust based on header and footer heights */
border: none; /* Remove border around iframe */
position: absolute;
top: 60px; /* Position iframe below the header */
bottom: 60px; /* Position iframe above the footer */
left: 0;
right: 0;
}
// Dynamically adjust the height of the iframe based on its content
var iframe = document.getElementById(‘websiteFrame’);
iframe.onload = function() {
var frameBody = iframe.contentDocument.body;
var frameHeight = frameBody.scrollHeight + ‘px’;
iframe.style.height = frameHeight;
};