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, 247 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
Outlook & Mail
Adressbücher aus Öffentlichen Ordner werden nicht mehr angezeigt (1)

Frage von slansky zum Thema Outlook & Mail ...

Exchange Server
gelöst Exchange Server - User bekommt öffentlichen Ordner nicht angezeigt (4)

Frage von infostud zum Thema Exchange Server ...

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

Frage von frank1983 zum Thema HTML ...

Neue Wissensbeiträge
RedHat, CentOS, Fedora

Fedora, RedHat, Centos: DNS-Search Domain setzen

(13)

Tipp von Frank zum Thema RedHat, CentOS, Fedora ...

Drucker und Scanner

Samsung SL-M4025ND, firmware update und (kompatible) Tonerkassetten

(1)

Erfahrungsbericht von markus-1969 zum Thema Drucker und Scanner ...

Heiß diskutierte Inhalte
Batch & Shell
Skripterstellung Lehrling (22)

Frage von 133119 zum Thema Batch & Shell ...

Windows Userverwaltung
gelöst Wie verfahrt Ihr mit den Windows-Benutzerkonten und -dateien von ausgeschiedenen Mitarbeitern? (14)

Frage von Bl0ckS1z3 zum Thema Windows Userverwaltung ...

Exchange Server
Microsoft Exchange Weiterleitung mit anderer primären E-Mail Adresse (14)

Frage von Rene12345 zum Thema Exchange Server ...

LAN, WAN, Wireless
Devolo DLAN 500 pro Wireless+ (13)

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