Abend,
ich suche eine Möglichkeit nachfolgenden Inhalt( Text, iframe, buttons) in eine Zeile zu legen ohne JavaScript zu benutzen. Leider funktioniert die Vorlage des "elestic-frame" nicht so wie sie soll.
Im iframe wird einfach nur eine Seite mit Text "HALLO WELT!" aufgerufen und je nach Schriftgröße soll sich das iframe an den neuen Text anpassen!
HTML-Code:
<style>
.elastic-frame {
position: relative;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.elastic-frame iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
</style>
<div style="border:1px solid black" padding: 5px 20px 5px 20px;">
<div style="float: left;">
<p style="font-size: 30px; font-family: Coolvetica; font-weight: bold; margin: 0px; display: inline;">TEST</p>
</div>
<div class="elastic-frame"><iframe src="world.php" frameborder="0"></iframe></div>
<div style="float: left;">
<INPUT type="submit" id="submit" value="one">
<INPUT type="submit" id="submit" value="two">
</div>
<div style="float: right;">
<INPUT type="submit" id="submit" value="last">
</div>
</div>