Hallo uwe,
ja, dafür gibt es die CSS Eigenschaft resize.
Aber bei iframes funktioniert die nicht, stelle ich gerade fest. Oder ich bin zu ungeschickt...
Mein Lösungsvorschlag: Lege ein Element um den iframe und mache dieses resizable. Dieses Rahmenelement darf für die overflow
-Eigenschaft nicht den Wert visible
haben. Aber es sollte etwas Padding haben, damit das Resize-Handle nicht im iframe landet.
<div class="frameholder">
<iframe src="..."></iframe>
</div>
.frameholder {
overflow: hidden; /* Alles außer visible! */
resize: both;
padding: 4px;
background-color: buttonface; /* sic! */
min-height: 500px; /* Resize geht nicht da drunter */
display: flex;
}
.frameholder iframe {
flex: 1 1 auto;
}
Die Flexbox mit flex: 1 1 auto ist eine einfache Möglichkeit, dass der iframe den Container 100% ausfüllt.
Sollte mittlerweile in allen Browsern gehen.
Rolf
--
sumpsi - posui - obstruxi
sumpsi - posui - obstruxi