Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Erneute Frage: Powershell in Batch mit HtmlMit was reinigt Ihr eure Touchscreens?

GELÖST

Iframe wird zu klein in div angezeigt

Frage Entwicklung HTML

Mitglied: Thomas91

Thomas91 (Level 1) - Jetzt verbinden

26.01.2017 um 11:08 Uhr, 151 Aufrufe, 7 Kommentare

Hey Community,

ich habe ein Problem mit einem <iframe> in einem <div>. Das iFrame wird nicht ganz angezeigt da mein div nicht hoch genug ist. Ich habe auch schon versucht das div mittels
01.
style="width: 350px; height: 260px;
anzupassen. Dann wurde das iframe garnicht mehr angezeigt.

Anbei noch der betroffene Codeblock:

01.
<div class="info"> 
02.
<legend>Priorit&auml;t: 
03.
<?php  // Prio 
04.
	echo $row[9] . " &bull; "; 
05.
?>Mitteiler: 
06.
<?php  // Mitteiler 
07.
	echo $row[2]; 
08.
?> 
09.
&bull; Alarmzeit:  
10.
<?php  // Alarmzeit 
11.
	echo date("H:i", $row['time']); 
12.
?> 
13.
</legend> 
14.
 
15.
<?php 
16.
// Wir prüfen mal, ob wir denn den FMS Status anzeigen sollen 
17.
if ($parameter['FMSSTATUSALARM'] == "true") { 
18.
	echo "<iframe height='32' width='100%' src='fms/status-alarm.php'></iframe>"; 
19.
20.
?> 
21.
 
22.
</div>
Hat jemand eine Lösung für mein Problem?

Gruß Thomas
Mitglied: Yannosch
LÖSUNG 26.01.2017, aktualisiert um 11:18 Uhr
Huhu,

versuch mal das mit der Style.css

01.
div { 
02.
    width: 100%; 
03.
    height: 0; 
04.
    padding-bottom: 56%; /* Wert für Dimensionsänderung */ 
05.
    position: relative; 
06.
07.
 
08.
div iframe { 
09.
    width: 100%; 
10.
    height: 100%; 
11.
    position: absolute; 
12.
    display: block; 
13.
    top: 0; 
14.
    left: 0; 
15.
}
LG Yannosch

EDIT:

01.
iframe { 
02.
    display:block; 
03.
    width:100%; 
04.
}
wäre sogar noch einfacher
Bitte warten ..
Mitglied: Thomas91
26.01.2017 um 11:39 Uhr
Ist schon besser, aber jetzt ist es 1cm zu groß :D
Bitte warten ..
Mitglied: Yannosch
26.01.2017 um 11:42 Uhr
hast du mal ein Screenshot bitte ?
Bitte warten ..
Mitglied: Thomas91
26.01.2017 um 11:49 Uhr
Anbei das Bild
2017-01-26 11_47_43-alarmdisplay - Klicke auf das Bild, um es zu vergrößern
Bitte warten ..
Mitglied: Yannosch
26.01.2017 um 12:36 Uhr
und du willst dass der blaue div container quasi bündig unter den grünen kästen endet ?`

Was hast du bisher in deiner css stehen?
Bitte warten ..
Mitglied: Thomas91
27.01.2017 um 09:29 Uhr
Zitat von Yannosch:

und du willst dass der blaue div container quasi bündig unter den grünen kästen endet ?`

Genau das hätte ich gerne

Im css steht folgendes:

01.
html {margin:0;padding:0;border:0;font-size:150%;} 
02.
table {border-collapse:separate;border-spacing:1;margin:0em 0.1em 0em 0.1em;width:100%;border-color:#d0d0d0;} 
03.
table, th, td, div {vertical-align:middle;text-align:center;} 
04.
 
05.
body.uhr {margin:0;padding:0;border:0;font-size:100%;font:inherit;line-height:1;color:#d0d0d0;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;overflow:hidden;} 
06.
 
07.
body.alarm {margin:0;padding:0;border:0;font-size:100%;font:inherit;line-height:1;background:#d5edf8;color:#205791;font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;overflow:hidden;} 
08.
 
09.
 
10.
.table-alarm 
11.
12.
width: 808px; 
13.
text-align: center; 
14.
margin:auto; 
15.
16.
 
17.
.table-uhr 
18.
19.
width: 100%; 
20.
text-align: center; 
21.
22.
 
23.
 
24.
.td-logo-uhr 
25.
26.
border-right: 4px solid #d0d0d0; 
27.
border-bottom: 4px solid #d0d0d0; 
28.
width:3%; 
29.
30.
 
31.
.logo-uhr 
32.
33.
font-size: 2.75em; 
34.
font-weight: bold; 
35.
line-height:1; 
36.
/* -moz-transform: rotate(-90deg); */ 
37.
 
38.
}
Bitte warten ..
Mitglied: Yannosch
27.01.2017, aktualisiert um 09:53 Uhr
dann schraub doch einfach an der height von der DIV-Class die du verändern möchtest :-P
Außerdem gibst du dem iframe noch ein align centre mit und ein margin-top und bottom auf auto.

Irgendwie bekommst du es so schon hin
Bitte warten ..
Neuester Wissensbeitrag
Windows 10

Sticky Notes - Autostart unterbinden

Tipp von Pedant zum Thema Windows 10 ...

Ähnliche Inhalte
Heiß diskutierte Inhalte
Flatrates
DeutschlandLAN der Telekom - welche internen IPs? (19)

Frage von qualidat zum Thema Flatrates ...

Batch & Shell
gelöst Base64 Decode (Batch,VBS) (16)

Frage von clragon zum Thema Batch & Shell ...

LAN, WAN, Wireless
Wie Gäste ins Internet bringen? (15)

Frage von xSiggix zum Thema LAN, WAN, Wireless ...