7
Iframe wird zu klein in div angezeigt
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
anzupassen. Dann wurde das iframe garnicht mehr angezeigt.
Anbei noch der betroffene Codeblock:
Hat jemand eine Lösung für mein Problem?
Gruß Thomas
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
style="width: 350px; height: 260px; Anbei noch der betroffene Codeblock:
<div class="info">
<legend>Priorität:
<?php // Prio
echo $row[9] . " • ";
?>Mitteiler:
<?php // Mitteiler
echo $row[2];
?>
• Alarmzeit:
<?php // Alarmzeit
echo date("H:i", $row['time']);
?>
</legend>
<?php
// Wir prüfen mal, ob wir denn den FMS Status anzeigen sollen
if ($parameter['FMSSTATUSALARM'] == "true") {
echo "<iframe height='32' width='100%' src='fms/status-alarm.php'></iframe>";
}
?>
</div>Hat jemand eine Lösung für mein Problem?
Gruß Thomas
Auf Facebook teilen
Auf Twitter teilen
Auf Reddit teilen
Auf Linkedin teilenBitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 327578
Url: https://administrator.de/contentid/327578
Ausgedruckt am: 22.11.2024 um 13:11 Uhr
7 Kommentare
Neuester Kommentar
Huhu,
versuch mal das mit der Style.css
LG Yannosch
EDIT:
wäre sogar noch einfacher
versuch mal das mit der Style.css
div {
width: 100%;
height: 0;
padding-bottom: 56%; /* Wert für Dimensionsänderung */
position: relative;
}
div iframe {
width: 100%;
height: 100%;
position: absolute;
display: block;
top: 0;
left: 0;
}LG Yannosch
EDIT:
iframe {
display:block;
width:100%;
}wäre sogar noch einfacher
Ist schon besser, aber jetzt ist es 1cm zu groß :D
hast du mal ein Screenshot bitte ? 
Anbei das Bild
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?
Was hast du bisher in deiner css stehen?
Zitat von @Yannosch:
und du willst dass der blaue div container quasi bündig unter den grünen kästen endet ?`
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:
html {margin:0;padding:0;border:0;font-size:150%;}
table {border-collapse:separate;border-spacing:1;margin:0em 0.1em 0em 0.1em;width:100%;border-color:#d0d0d0;}
table, th, td, div {vertical-align:middle;text-align:center;}
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;}
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;}
.table-alarm
{
width: 808px;
text-align: center;
margin:auto;
}
.table-uhr
{
width: 100%;
text-align: center;
}
.td-logo-uhr
{
border-right: 4px solid #d0d0d0;
border-bottom: 4px solid #d0d0d0;
width:3%;
}
.logo-uhr
{
font-size: 2.75em;
font-weight: bold;
line-height:1;
/* -moz-transform: rotate(-90deg); */
}
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
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
