Así que tengo una página que se ve así, el área azul es un iframe incrustado desde otro punto final en la misma aplicación.

cuando colapso la barra lateral, el iframe permanece del mismo tamaño.

Lo que estoy tratando de lograr es mostrar el contenido completo del iframe sin tener que desplazarme horizontalmente. También quiero deshacerme de esas barras de desplazamiento y hacer que la página parezca que existe allí.

Aquí está el código relevante

oncomine.html

 {% extends "layout.html" %} {% block title %} oncomine {% endblock %} {% block main %} <div class='parent'> <iframe class="piframe" src="/dashboard/oncomine/" style="border: none;" width="600" height="600"/> </div> {% endblock %}

style.css

 /* iframes */ .parent { position: relative; overflow: hidden; width: 103%; padding-top: 61.89%; margin-left: 0%; } .piframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; }

No se ha aplicado css al contenedor principal de .parent .

Aquí está el enlace esencial a la esencia completa del código html y css