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
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, 400 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 ..
Ähnliche Inhalte
Entwicklung
gelöst Iframe reload nach 5 Minuten (3)

Frage von Thomas91 zum Thema Entwicklung ...

HTML
Link aus Iframe in neuem Tab öffnen (5)

Frage von frank1983 zum Thema HTML ...

JavaScript
gelöst Externen DIV-Container via jQuery anzeigen (6)

Frage von Akrosh zum Thema JavaScript ...

Neue Wissensbeiträge
Windows Update

Microsoft Update KB4034664 verursacht Probleme mit Multimonitor-Systemen

Tipp von beidermachtvongreyscull zum Thema Windows Update ...

Viren und Trojaner

CNC-Fräsen von MECANUMERIC werden (ggf.) mit Viren, Trojanern, Würmern ausgeliefert

(4)

Erfahrungsbericht von anteNope zum Thema Viren und Trojaner ...

Windows 10

Windows 10: Erste Anmeldung Animation deaktivieren

(3)

Anleitung von alemanne21 zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Verschlüsselung & Zertifikate
SSL Zertifikat für HTTPS (33)

Frage von Hendrik2586 zum Thema Verschlüsselung & Zertifikate ...

Grafikkarten & Monitore
24" oder 27" mit Full HD oder doch mehr Auflösung? (21)

Frage von brutzler zum Thema Grafikkarten & Monitore ...

Router & Routing
gelöst Linksys wrt1200ac v2 mit dd-wrt: keine vlan-einstellungen im GUI (15)

Frage von Pixi123 zum Thema Router & Routing ...