Text, iframe und Buttons in selbe Zeile sowie Größe des iframe = deren Inhalt

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Text, iframe und Buttons in selbe Zeile sowie Größe des iframe = deren Inhalt

    Mahlzeit,


    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>
Lädt...
X