iframe und div wie textarea größe vom benutzer änderbar ohne js

[Rolf B]

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