zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Text, iframe und Buttons in selbe Zeile sowie Größe des iframe = deren Inhalt

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 11.12.2018, 22:10
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.12.2018
Beiträge: 35
halloICKEbins2 befindet sich auf einem aufstrebenden Ast
Standard Text, iframe und Buttons in selbe Zeile sowie Größe des iframe = deren Inhalt

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>
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 11.12.2018, 22:49
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.887
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Wie soll es denn funktionieren?
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 12.12.2018, 02:12
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 23.01.2018
Beiträge: 142
basti1012 befindet sich auf einem aufstrebenden Ast
Standard

wie meinst du das ? So ? https://codepen.io/basti1012/pen/LMVQEd
Mit Zitat antworten
  #4 (permalink)  
Alt 12.12.2018, 12:09
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.12.2018
Beiträge: 35
halloICKEbins2 befindet sich auf einem aufstrebenden Ast
Standard

Habs jetzt so gelöst...

HTML-Code:
<style>
.flex-container {
	display: flex;
	display: -webkit-flex;
	display: -ms-flexbox;
	flex-direction: row;
	align-items: center;
	justify-content: center;
}

.text {
	flex-basis: auto;
}

.iframe {
	flex-basis: auto;	
}

.buttons {
	flex-basis: auto;
}

.button_last {
	flex-basis: auto;
	margin-left: auto;
}
</style>


<div class="flex-container">
  <div class="text">
	<p style="display: inline;">TEST</p>
  </div>
  <div class="iframe">
		<iframe  style="height: 28px; width: 100px;" frameborder="0" src="site.html"></iframe>
  </div>
  <div class="buttons">
		<INPUT type="submit" id="submit" value="button1">
		<INPUT type="submit" id="submit" value="button1">
	</div>
	<div class="button_last">
		<INPUT type="submit" id="submit" value="button_last">
	</div>

</div>
Spricht da was dagegen?
Mit Zitat antworten
  #5 (permalink)  
Alt 12.12.2018, 12:14
Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 11.12.2018
Beiträge: 35
halloICKEbins2 befindet sich auf einem aufstrebenden Ast
Standard

Der Inhalt vom iframe wird zwar nicht mehr automatisch angepasst, aber ich werde einfach die Höhe und Weite mit der Schriftgröße verrechnen.
Mit Zitat antworten
  #6 (permalink)  
Alt 12.12.2018, 12:22
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 30.01.2014
Beiträge: 1.942
cloned ist ein Lichtblickcloned ist ein Lichtblickcloned ist ein Lichtblickcloned ist ein Lichtblickcloned ist ein Lichtblick
Standard

Du kannst den Inhalt vom iframe auch nicht automatisch anpassen, das ist doch der Sinn von iframes. Die sind unabhängig von deinem Hauptdokument.
__________________
Zitat: "offenbar" bedeutet, dass ich nicht sicher bin, wie Du etwas meinst - Ein User hier auf diesem Forum 😂
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Hover effekt auf ganze TD zelle gandalf_hh CSS 27 13.07.2011 20:06
Wrapper wächst nicht mit, keine Floats maclady CSS 11 10.02.2010 18:30
Wachsende Container Andy CD CSS 13 10.02.2010 14:08
iframe Größe bei Laden des Inhalts an dessen Größe anpassen wiseguy Javascript & Ajax 0 24.06.2007 23:04
layout ohne tabellen rw597678 CSS 3 23.04.2005 13:31


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:27 Uhr.