Top-Themen

Aktuelle Themen (A bis Z)

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

Mitglied: Thomas91

Thomas91 (Level 1) - Jetzt verbinden

26.01.2017 um 11:08 Uhr, 623 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
Windows Netzwerk

Größe des Netzlaufwerkes wird kleiner angezeigt als es tatsächlich ist

Frage von EDV-OellerkingWindows Netzwerk3 Kommentare

Hallo zusammen, wir haben auf einem PC das Problem, dass die verbundenen Netzlaufwerke eine falsche Größe anzeigen. Das Netzlaufwerk ...

Webentwicklung

Overlay über iframe?

Frage von 3jojojoWebentwicklung

Kann man ein Overlay div über ein Iframe legen? Ich suche die Möglichkeit ein über ein Iframe eingebundenes Bild ...

Verschlüsselung & Zertifikate

Verbindung bei IFrame nicht verschlüsselt?

Frage von JulopeVerschlüsselung & Zertifikate2 Kommentare

Hallo, ich habe gerade etwas entdeckt, dass mich ein wenig beunruhigt. Ich habe eine Seite (") in der ein ...

HTML

Iframe src verschleiern

gelöst Frage von m3n7orHTML2 Kommentare

Hallo Admins, ich habe in meinem Blog einen iframe eingebunden, der ein Statistik-Widget von Piwik läd. Hier ist leider ...

Neue Wissensbeiträge
Windows 10
Zero-Day-Lücke in Microsoft Edge
Information von kgborn vor 1 TagWindows 10

In Microsofts Edge-Browser klafft wohl eine nicht geschlossene (0-Day) Sicherheitslücke im Just In Time Compiler (JIT Compiler) für Javascript. ...

Sicherheit
Microsoft und Skype: Sicherheit
Information von kgborn vor 1 TagSicherheit

Die Tage gab es ja einige Berichte zur Sicherheit des Skype-Updaters. Der Updater von Skype läuft unter dem Konto ...

Datenschutz

Behörden ignorieren Sicherheitsbedenken gegenüber Windows 10

Information von Penny.Cilin vor 2 TagenDatenschutz8 Kommentare

Hallo, passend zum Thema Ablösung LIMUX in München ein Beitrag bei Heise (siehe Link folgend). Behörden ignorieren Sicherheitsbedenken gegenüber ...

Sicherheit
Information Security Hub Munich airport
Information von brammer vor 2 TagenSicherheit

Hallo, Neues Center für Cyber Kriminalität am Münchener Flughafen brammer

Heiß diskutierte Inhalte
DSL, VDSL
Mindestgeschwindigkeiten DSL Telekom
Frage von justlukasDSL, VDSL13 Kommentare

Hallo zusammen, Seit diesem Jahr habe ich Verständnisprobleme mit dem Verhalten der Telekom. Wir haben seit einem Jahr VDSL ...

Switche und Hubs
LANCOM-Switch: Probleme (no link) mit SFP-Modulen?
Frage von THETOBSwitche und Hubs10 Kommentare

Hi zusammen, ich habe folgendes Problem: Und zwar habe ich an einem Standort drei Switche verbaut - LANCOM GS-2326P+, ...

Firewall
RB2011 Firewall Rule eine bestimmte Mac oder IP Adresse nicht zu blockieren
Frage von lightmanFirewall10 Kommentare

Hallo liebes Forum mit ihren Spezialisten. Ich habe meine Firewall so konfiguriert das kein Endgerät ohne meine Speziellen Erlaubnis ...

Humor (lol)
Was könnte man mit einem Server machen? Idee gesucht
Frage von 2SeitenHumor (lol)8 Kommentare

Hey Zusammen Ich habe einen alten HP G2 Rackserver zu Hause rumliegen. 28GB Ram, 1xAMD Prozi mit etwa 2GHz. ...